/*  =BODY
    ------------------------------------------------------ */
    body {
      background: #3B3727 url(images/background-strip.gif) repeat-x;
      color: #FFFFFF;
      font-family: "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
      font-size: 1.15em;
      margin: 0;
      padding: 0;
      position: relative;
    }

    img {
      border: none;
    }

    a {
      color: #c9c4bb;
      text-decoration: none;
    }

    hr {
      clear: both;
      border-bottom:1px dotted #66614c;
      border-top:none;
      border-left:none;
      border-right:none;
    }

    h1 {
      font-size: 12px;
      font-weight:normal;
    }

    h6 {
      font-size: 12px;
      font-weight: normal;
      padding: 0;
      margin: 4px;
    }

    div#card_title {
      background: #27251e;
      font-size: 14px;
      padding-left: 110px;
      text-align: left;
      margin: 0 auto;
      color: #ecdbbb;
      padding: 6px;
      font-weight: normal;
      width: 428px;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
    }
    
    div#card_title em {
      color: #66614c;
      font-style: normal;
    }
    
    div#about_rattlebox {
        color: #66614C;
        font-size: 0.75em;
        line-height: 1.25em;
        padding: 0 10px;
    }

/*  =LAYOUT
    ------------------------------------------------------ */

    .wrapper, .wrapper-pickup{
      background: #000000 url(images/background-top.jpg) no-repeat top center;
      left: 50%;
      margin-left: -510px;
      padding: 0 5px 3px 5px;
      position: absolute;
      width: 1020px;
    }

    .wrapper-pickup{
      margin-left: -406px;
      width: 812px;
    }
    
    .left_align {
       left: 0 !important;
       margin: 0 !important;
    }

    .left, .left-pickup {
      left: 5px;
      position: absolute;
      top: 0;
      width: 240px;
      z-index: 1000;
    }

    .left-pickup { padding-left: 22px;}

    .center,
    .center-wide {
      left: 255px;
      position: absolute;
      top: 0;
      width: 510px;
      z-index: 998;
    }
    
    .center h1 {
      font-size: 1.5em;
      font-weight: bold;
      margin: 0;
      padding: 20px 0 10px 0;
    }
    
    .center h2 {
      font-size: 1.25em;
      padding: 5px 0;
    }
    
    .center h3 {
      font-size: 1em;
    }
    
    .center p {
      font-size: 0.75em;
      line-height: 1.25em;
    }
    
    .center .press-desc p {
      font-size: 1em;
      line-height: 1.5em;
    }

    .center-wide {
      width: 550px;
      padding-bottom:50px;
    }
    
    .static-wrapper ol li {
      font-size: 0.65em;
      padding: 5px 0;
    }
    
    .static-wrapper ol ul li, .static-wrapper ul li {
      font-size: 1.15em;
      margin: 10px;
      padding: 5px 0;
      list-style: circle outside;
    }
    
    .static-wrapper ul li {
      font-size: 0.875em;
    }
    
    .news ul li {
      list-style: none !important;
      margin: 0 !important;
      padding: 2px 0 !important;
    }
    
    .right {
      left: 765px;
      padding: 20px 0 0 0;
      position: absolute;
      top: 0;
      width: 250px;
      z-index: 1000;
    }
    
    #interface {
      margin: 0;
      padding: 0;
      position: relative;
      width: 1020px;
    }
    
    .static-wrapper.directions {
       padding-top: 30px;
    }
    
    .directions img {
      border: 2px solid #fff;
      height: 300px;
      width: 95%;
    }
    
    .directions img.short {
      height: 250px;
    }
    
    .directions img.tall {
      height: 400px;
    }

/* =ANNOUNCEMENT
   ------------------------------------------------------ */
   div#announcement {
      background: #73aed8 url(../images/site_down/notification_bg.jpg) repeat-x bottom;
      min-height: 41px; height: auto !important; height: 41px;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 999999;
   }
   
   div#announcement h1 { 
      background: url(../images/site_down/broken_rattle.png) no-repeat;
      color: #000;
      display: block;
      font-size: 1.05em;
      font-weight: bold;
      margin: 0 auto;
      padding: 10px 5px 5px 65px;
      width: 970px;
   }
   
   div#announcement h1 span {
      font-size: 0.55em;
      font-weight: normal;
      padding-left: 5px;
   }
   
   div#announcement h1 span strong{
      background: #000;
      color: #fff;
      padding: 4px;
   }
   
   /*.wrapper, .wrapper-pickup {
         margin-top: 41px !important;
      }*/

/*  =SI_ABSOLUTE_CLEARANCE
    (http://www.shauninman.com/archive/2006/05/22/clearance_position_inline_absolute)
    ------------------------------------------------------ */
    .clear_children,.cc_tallest { position: relative; } /**/* html .clear_children { display: inline;}/* PREVENTS MISSING CHILDREN IN IE WIN 5.0 */
    .cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */

/*  =FLASH_PLAYER
  ------------------------------------------------------ */
  #viewer {
    left: 50%;
    margin-left: -240px;
    position: absolute;
    top: 80px;
    width: 480px;
    z-index: 999;
  }
  
  #viewer.showcase_player {
     margin-left: -242px;
     z-index: 1001;
  }
  
  #viewer.low-priority {
     z-index: 999 !important;
  }
  
  .pickup #viewer {
    left: auto !important;
    margin-left: 0 !important;
    position: relative !important;
    width: auto !important;
    top: 0 !important;
  }
    
/* ==============================================================
   = Pickup page                                                     
   =============================================================*/
   
   .copy { color: #C9C4BB; text-align: center;}   
   .copy p {  font-size: 68.7%; line-height: 50%}
   .copy h1 { font-size: 80%; margin-bottom: -6px;}
   .copy .white { padding-top: 18px; color: #fff }   
   .copy img { float: left; display: inline; }
   
/* ==============================================================
   = Footer                                                    
   =============================================================*/

    #footer {
        background-color: #000;  
        clear: both;
        margin-top: 60px;
        font-size: 68.7%;
        height: 1.3em;
        padding: 0.5em;
        text-align: left;
    }

    #footer .copyright {
        float: left;
    }

    #footer .links {
        float: right;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #footer .links li {
        display: inline;
        margin-left: 8px;
    }

    #footer .links a:hover {
        color: #FFFFFF;
    }

/*  =ASSETS
    ------------------------------------------------------ */
    #upload_files label, #upload_files input {
      display: block;
      margin: 5px auto;
    }

/*  =CATEGORIES
    ------------------------------------------------------ */
  
    .categories {
      background-position: top center;
      background-repeat:repeat-x;
      margin-bottom: 0 !important;
      padding: 10px 0;
      text-align: left;
    }

    .categories .infoblock{
      border-bottom:1px dotted #66614c;
    }

    .categories ul,
    .categories ul li {
      display: block;
      list-style: none;
      margin: 0;
      padding: 0;
      position: relative;
    }
    
    .categories ul li a {
      background: url(../images/cat_menu_normal.png) no-repeat;
      display: block;
      font-size: 0.75em;
      height: 22px;
      padding: 4px 0 4px 10px;
      width: 234px;
    }

    .categories ul li a:hover,
    .categories ul li.active a {
      background: url(../images/cat_menu_hover.png) no-repeat;
      color: #000;
    }
    
    .categories ul li a.current {
      background: url(../images/cat_menu_selected.png) no-repeat;
      color: #000;
      font-weight: bold;
    }
    
    .categories ul li span.indicator {
      background: url(../images/cat_menu_indicator.png) no-repeat;
      display: block;
      height: 20px;
      position: absolute;
      right: 0;
      top: 5px;
      width: 20px;
    }
    
    .categories ul li a:hover span.indicator,
    .categories ul li.active a span.indicator,
    .categories ul li a.current span.indicator {
      background: url(../images/cat_menu_hover_indicator.png) no-repeat !important;
    }
    
    .categories ul li ul.nested_category_navigation {
      background: url(../images/cat_nav_submenu_bottom.png) no-repeat bottom right;
      display: block;
      padding: 0 10px 10px 20px;
      position: absolute;
      right: -174px;
      top: 4px;
      width: 138px;
      z-index: 9999;
    }
    
    .categories ul li ul.active_category_navigation {
      margin: 0 0 10px 0;
    }
    
    .categories ul li ul.nested_category_navigation li a,
    .categories ul li ul.active_category_navigation li a {
      background: none;
      color: #000;
      height: auto;
      font-size: 0.625em;
      font-weight: normal;
      margin: 0;
      padding: 2px;
      width: auto;
    }
    
    .categories ul li ul.active_category_navigation li a {
      border-bottom: 1px dotted #45433e;
      color: #908c79;      
      margin: 0 5px;
      padding: 4px 0;
    }
    
    .categories ul li ul.active_category_navigation li a.current {
      color: #fff;
      font-weight: bold;
    }
    
    .categories ul li ul.nested_category_navigation li a:hover {
      background: #333;
      color: #fff;
    }
    
    .categories ul li ul.active_category_navigation li.top,
    .categories ul li ul.active_category_navigation li.pointer {
      display: none;
    }
    
    .categories ul li ul.active_category_navigation li a:hover {
      background: #2d2715;
    }
    
    .categories ul li ul.nested_category_navigation li.top,
    .categories ul li ul.nested_category_navigation li.pointer {
      background: url(../images/cat_nav_submenu_top_corners.png) no-repeat;
      display: block;
      height: 15px;
      position: absolute;
      left: 0;
      top: -15px;
      width: 168px;
    }
    
    .categories ul li ul.nested_category_navigation li.pointer {
      background: url(../images/cat_nav_submenu_pointer.png) no-repeat;
      height: 21px;
      left: 0;
      top: -2px;
      width: 12px;
    }
  
/*  =BRANDING
    ------------------------------------------------------ */

    .logo {
      padding: 10px 0 0 20px;
      text-align: center;
    }
    
    .logo a {
       margin-bottom: 10px;
    }
    
    .logo a,
    .logo a span {
       display: block;
       height: 124px;
       padding: 30px;
       position: relative;
       width: 142px;
    }
    
    .logo a span {
        background: url(../images/logo.png) no-repeat;
        left: 0;
        position: absolute;
        top: 0;
        z-index:100;
    }

    #tagline {
      color: #DCCDBA;
      display: block;
      font-size: 80%;
      font-style: italic;
      font-weight: bold;
      margin-bottom:20px;
      padding-top: 0.5em;
      position: relative;
      width: 240px;
    }

    #tagline_free {
      background: url(../images/free.gif) no-repeat;
      display: block;
      height: 45px;
      left: 5px;
      position: absolute;
      text-indent: -9999px;
      top: -7px;
      width: 51px;
    }

    .promo {
        background: url(images/gradient-l1.jpg);
    }

/*  =LOGIN
    ------------------------------------------------------ */

    .login h1.logout {
      margin: 0px;
      display: block;
      padding: 4px 0px 4px 0px;    
    }

    .login h1 a {
      width: 100px;
      font-size: 10px;
    }

/*  =RESET
    ------------------------------------------------------ */
   
    .reset-form {
      text-align: center; 
    }

    .reset-form label { font-size: 80%; float: right }

    .reset-form table {padding-left: 70px}
    .reset-form td { padding: 5px }
    .reset-form #text {
        float: left;
        background: #bcb9af;
        border: 0px;
        padding: 3px;
        width: 240px;
        font-size:12px;
    }

    .reset-error { padding: 20px; color: #ff0000; font-size: 80% }
   
/*  =SIGNUP_FORM
    ------------------------------------------------------ */
    .signup-form, .upload-form, #edit-asset-form {
      margin: 0px;
      padding: 5% 5% 0 5%;
    }

    .signup-form h1 { 
      font-size:130%; 
    }
    
    .signup-form label { 
      font-size: 80%;
      padding: 4px 0;
    }
    
    .signup-form table { 
      padding-left: 70px; 
    }
    
    .signup-form td {
      padding: 5px;
    }
    
    .signup-form li.actions {
      padding-top: 20px;
    }
    
    #lightbox #alternativeAction {
      background: #544A39;
      border-bottom: 1px solid #6F6452;
      display: block;
      font-size: 90%;
      margin: 0;
      padding: 10px 5%;
      position: relative;
    }
    
    .large_popup {
      width: 660px !important;
      height: 800px !important;
      max-height: 800px !important;
      margin-left: -380px !important;
      margin-top: 0 !important;
      position: absolute !important;
      top: 25px !important;
    }
    
    .signup-form #text, #user_username, #user_password, #user_password_confirmation, 
    #user_email, .user_email, #user_email_confirmation, #asset_name, 
    .title input, .signup-form select {
      background: #bcb9af;
      border: 0px;
      display: block;
      padding: 3px;
      width: 240px;
      font-size:12px;
    }
    
    .edit-title input {
      background: #bcb9af;
      border: 0px;
      padding: 3px;
      width: 240px;
      font-size:12px;
      margin:5px 0px;
    }

    .signup-form  p { 
      font-size:68.7%; 
    }

    .upload_header, .header {
      font-size:100%;
      font-weight:bold;
    }
    
    a.breadcrumb {
      font-size: 0.5em;
    }

    .formError {
      font-size: 68.7%;
      font-weight: bold;
      color: #CC0000;
      margin: 0px;
      display: block;
    }

    .login .formError {
      text-align: center;
      font-size: 90%;
    }
    
    h4.signup {
      border-top: 1px dotted #3B3727;
      clear: both;
      display: block;
      font-size: 80%;
      font-weight: bold;
      margin: 5px 0;
      padding: 5px;
    }

/*  =RATINGS
    ------------------------------------------------------ */
    .star-rating,  
    .star-rating a:hover,  
    .star-rating a:active,  
    .star-rating a:focus,  
    .star-rating .current-rating{  
        background: url('/images/star_rating_c.png') left -1000px repeat-x;  
    }  
    .star-rating{  
        position: relative;  
        width: 86px;  
        height: 15px;  
        overflow: hidden;  
        list-style: none;  
        margin: 0 auto;  
        padding: 0;  
        background-position: top left;  
    }  
    .star-rating li{  
        display: inline;  
    }  
    .star-rating a,  
    .star-rating .current-rating{  
        position: absolute;  
        top: 0;  
        left: 0;  
        text-indent: -1000em;  
        height: 15px;  
        line-height: 30px;  
        outline: none;  
        overflow: hidden;  
        border: none;  
    }  
    .star-rating a:hover,  
    .star-rating a:active,  
    .star-rating a:focus{  
        background-position: 0 -20px;  
    }  
    .star-rating a.one-stars{  
        width: 20%;  
        z-index: 6;  
    }  
    .star-rating a.two-stars{  
        width: 40%;  
        z-index: 5;  
    }  
    .star-rating a.three-stars{  
        width: 60%;  
        z-index: 4;  
    }  
    .star-rating a.four-stars{  
        width: 80%;  
        z-index: 3;  
    }  
    .star-rating a.five-stars{  
        width: 100%;  
        z-index: 2;  
    }  
    .star-rating .current-rating{  
        z-index: 1;  
        background-position: 0 -40px;  
    }  
    .star-ratings-block {  
        font-size: .75em;  
        text-align: center;  
        width: 100%;  
    }
    
    .thumb .star-ratings-block {
      left: 5px;
    }
    .thumb .star-ratings-block .rating_precision {
      display: none;
    }

/* ==============================================================
   = Address book 
   =============================================================*/
   
   #my_address_book {
      text-align:left; 
      padding: 10px 15px;
   }
  .address-book {
    text-align: center;
    padding: 8px 10px;
    margin: 0px;
  }

  .address-book h1 { font-size:130%; margin-bottom: -10px }
  .address-book td { padding: 5px }
  .address-book  p { font-size:68.7%; text-align: left; }
  .address-book td { padding: 5px }

 #scroll-container {
    margin-top: -10px;
    position: relative; 
    height: 350px;
    overflow: auto; 
  }
  
  #content {
    position: absolute;
    top: 0;
    right: 10px;
    width: 525px;
    padding-bottom: 40px;
  }
  
  #content p:first-child {
    margin-top: 0;
  }
  
  .namelist{
    position:relative;
    width:520px;
    margin:0px auto 15px;
  }
  
  #namelist {
    width: 490px;
  }


/*  =LIGHTBOX_STATIC_PAGES (DIF CODE WE MAY WANT TO CLEANUP!)
    ------------------------------------------------------ */

    .static-content, .contests {
    text-align: left;
    padding: 10px;
    margin: 0px;
    }

    .static-content .header { padding-top: 10px;}

    .static-content  h1, .contests  h1 { font-size:130% }

    .static-content  p, .contests  p, p li { font-size:68.7%; line-height: 150% }

    .static-content h2, .contests h2 {
    font-size: 80%;
    background-color: #49442e;
    padding: 7px 0px 3px 7px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    }

    .news {
      padding-left: 10px; 
    }

    .news ul {
      font-size:;
    }

    .static-wrapper ul { 
    list-style-type: none;
    font-size: 81%;
    margin-left: -40px;
    }

    .static-wrapper ul a {
    font-size: 68.7%;
    text-decoration: underline;
    font-weight: bold
    } 
    
    .static-wrapper ul li {
    padding-bottom: 7px;
    }

    .static-wrapper .press {
    padding: 10px 0px 10px 10px ;
    border-bottom: 1px dotted #49442e;

    }

    .static-wrapper .press-date {
    font-size: 55%;
    padding-bottom: 3px;
    }

    .static-wrapper .press-title {
    font-size: 92%;
    font-weight: bold
    }

    .static-wrapper .press-desc, .contests .press-desc {
    font-size: 68.7%;
    line-height: 150%;
    }
    
    .close-button { 
      background: #C9C4BB;
      color: #161206;
      padding: 10px;
      position: absolute;
      right: 0;
      top: 0;
    }


/* ==============================================================
   = Forms and user input
   =============================================================*/

#create_steps {
    width: 480px;
    padding-left:15px;
}

#create_steps input.submit, #create_steps input.submit-image {
  background: none;
  border: none;
  width: auto;
}

.send {
   margin-top:20px;
}

#create_steps input, #create_steps textarea {
  background-color: #222222;
  border: 1px solid #393939;
  color: #bababa;
  text-align: left;
}

#create_steps .fields {
    margin-bottom: 15px;
    text-align: left;
}

p.characterCounter {
  margin: 0 0 20px 0;
}

.characters {
  font-weight: bold;
}

.hasCounter {
  height: 100px;
}

#create_steps .fields input, #create_steps textarea {
  width: 95%;
}

#create_steps .fields input.checkbox {
  width: auto;
}

#create_steps h2.prompt {
    font-size: 100%;
    font-weight: normal;
    font-style: italic;
    text-align: center;
}

#create_steps .fields th, #create_steps .fields td {
    font-weight: normal;
    padding: 2px;
}

#create_steps .fields table {
    width: 100%;
}

#create_steps table.formfield, #create_steps label {
    font-weight: normal;
    font-size:   80%;
}

#create_steps label {
    display: block;
}

#create_steps label.inline {
    display: inline;
}

#create_steps .checkbox input {
    width: auto;
  vertical-align: middle;
  margin-right: 0.5em;
}

#create_steps .checkbox label {
    display: inline;
    font-size: 65%; 
    color: #C9C4BB;
}

#create_steps .public label {
  font-size: 105% !important;
}

#create_steps .fields .checkbox {
    width: auto;
    display: inline;
}

/* @group Progress */

.progress {
  margin: 1em 0;
}

/* end Progress */

/* @group Share */

.share {
  background: url(images/background-share.gif) no-repeat;
  margin-left:3px;
  margin-top:10px;
  font-size:11px;
    width:473px;
  height:156px;
  padding:6px 18px;
  text-align:left;
}

.share .code-box {
    margin-top: 8px;
}

.share .code-box input {
   width: 240px;
   margin-right: 4px;
}

.share .code-box img {
    vertical-align: text-bottom;
}
.share .code-box .logo {
  padding-top: 0px;
  margin-right: 12px;
}

.share-services {
  text-align: center;
  margin-top: 8px;
}

.share-services .service {
  padding: 0 6px;
}

.fb_share_link { 
  padding:2px 0 0 20px;
  height:16px;
  background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif) no-repeat top left;
}

/* end share */


/* begin calendar */

.background-calendar {
  background: url(images/background-calendar.gif) no-repeat;
  margin-left:3px;
  margin-top:10px;
  font-size:11px;
  height:237px;
  padding:6px 18px;
  text-align:left;
  width:473px;
}

div#cal_placeholder {padding-top: 18px; display: block; float: left}
div#cal_text_placeholder { padding: 38px 20px; text-align: center; font-size: 1.2em; display: block; float: left;  width: 200px}

/* end calendar 
   -------------------------------------------------------------- */
   input.button {
   }

   input.text, textarea, select, .login input, .signup input  {
       background: #bcb9af;
       font-family:"Myriad Pro", Myriad, Helvetica, Arial, 'sans-serif';
       border: 2px solid #1A180C;
       padding: 3px;
   }

   input.submit, input.submit-image {
       background: none;
       border: none;
       width: auto;
   }

   textarea {
       margin-bottom: 8px;
   }

   .search {
       margin: 0;
   }

   .promo, .categories, #newest, #movers, .headline {
       border-top: 3px solid #66614c;
       margin-bottom: 15px;
   }

   .headline {
      margin-left: 10px;
      font-size: 0.875em;
   }

   .headline.infoblock {
      width: 500px;
   }

   #movers{
      height:295px;
      position:relative;
      overflow:hidden;
   }

   #newest{
      margin-bottom:30px;
   }
   
   .showcase #newest {
      margin-top: 60px;
   }
   
   #newest.videolist ul, #movers.videolist ul {
       overflow:hidden;
       position:relative;
   }

   #movers{
      background-repeat:repeat-x;
      background-position: top center;
   }

   .image{
       margin: 0px auto;
       padding-top: 10px;
       text-align: center;
   }

   .flashplayer {
       height: 320px;
       margin: 0px auto;
       width: 500px;
   }

/* =ADS
   ------------------------------------------------------ */
   #ad_1 {
      margin-left:10px;
      margin-top:100px;
   }
   
   #ad_2 {
      margin-top: 20px;
   }
   
   #ad_3 {
      text-align: center;
      position: absolute;
      bottom: 110px;
      left: 265px;
   }
   
   #ad_4 {
      margin-left: 10px;
   }
   
   .banner_ad,
   .banner_ad span {
      display: block;
      height: 75px;
      position: relative;
      width: 237px;
   }
   
   .banner_ad span {
      left: 0;
      position: absolute;
      top: 0;
      z-index: 100;
   }
   
   .pickup .banner_ad {
      float: left;
   }
   
   .center .banner_ad,
   .center .banner_ad span {
      height: 105px;
      width: 252px;
   }

/* ==============================================================
   = Video card buttons
   =============================================================*/

.videotitle {
  display: block;
  font-size: 60%;
  font-weight: normal;
  padding-top: 4px;
  margin-left:2px;
  margin-right:2px;
}

.videotitle a:hover {
  text-decoration: none;
  color:#fff;
}

.thumb {
  position: relative;   
  line-height: 67.5%;
  float: left;
  padding:0px
}

.thumb:hover, .thumb-hover {
  background-color:#1b190d;
}

.right .thumb .button-image img{
  width:60px;
  height:43px;
  margin: auto;
}

.thumb .button-image img {
  height: 68px;
  width:  95px;
  margin: 0 2.5px;   
}

.center .thumb {
  height: 120px;
  position: relative;
  text-align: center;
  width: 100px;   
}

.thumb div{
  display:table;
  float:left;
  margin:0px;
  padding:0px;
  position: relative;
}

.center .thumb .button-viewcard {
  display: none;
}

.right .thumb {
    margin-bottom: 0px;
    text-align: left;
}

.right .thumb .videotitle {
  display: table;
  float:left;
  margin-top:10px;
}

a.button-hotspot {
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 2;
}

.topmost {
  background-color:#17140d; 
  margin: 0px auto;
  margin-bottom: 0px;
  padding-bottom: 0px;
  padding-top: 70px;
  text-align: center;
  width: 510px;
}

.push_down .topmost {
	padding-top: 480px !important;
}

.showcase .topmost,
.showcase .right {
   padding-top: 400px;
}

.showcase .topmost,
.showcase .topmost-curve {
   background: transparent !important;
}

.showcase .subsidiary {
   margin-top: 4px;
}
/* fix for safari?! */
.navigation-bar{ margin-bottom: -18px; }

.topmost-curve{
  background-image:url(/images/bottom.gif);
  background-repeat:no-repeat;
  background-position: top center;
  width:510px;
  height:18px;
  margin-bottom:0px;
  padding-bottom: 20px;
}

.videolist {
  clear: both;
  margin: 0px auto;
  padding: 0px;
  margin-left: 10px;
}

.right .videolist,
.subsidiary .videolist .infoblock{
  border-top: 1px dotted #45433E;
}

.infoblock {
  clear: both;
  display: block;
  padding-bottom: 3px;
  padding-top: 8px;
  width: 100%;
  text-align: left;
}

.infoblock .breadcrumb {
    font-size: 50%;
}

.infoblock .breadcrumb:hover {
    text-decoration: underline;
}

.infoblock h1,
.infoblock h2 {
margin:0px auto;
display:inline;
padding-left:5px;
clear:both;
}

.infoblock ul {
    display: inline;
    float: right;
    list-style-type: none;
    margin: 0px auto;
    padding: 0px auto;
}

.infoblock ul li {
    display: inline;
}

.infoblock ul li a {
    border-right: 1px solid #45433E;
    font-size: 60%;
    padding-left: 4px;
    padding-right: 4px;
}


.linkslist { 
width: 100%;
text-align: right;
}

#viewer_heading {
   color: #66614C;
   font-size: 60%;
   text-align: center;
   padding: 5px 0 0 0;
}

.subsidiary {
    width: 100%;
}

.subsidiary .infoblock h1,
.subsidiary .infoblock h2 {
   font-size: 90%;
   width: 100%;
}

.right .videolist .thumb{
   border-top: 1px dotted #45433E;
   padding-bottom: 10px;
   text-align: left;
   margin:0px;
   list-style-type:none;
   list-style-position:outside;
   width:100%;
   display:block;
}

.videolist ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.right .videolist .thumb img {
    float: left;
}

#topten,
#seasonal{
}

#topten{
}

.formfield tr td{
    text-align: left;
}

.formfield .small {
  font-size: 0.7em;   
}

.check { height: 20px; background: #ff0 }

.radio{
    float: left;
    width: 33%;
}

.radio input{
    float: left;
}

.review {
    text-align: left;
}

.review_box {
    float: left;
    clear: both;
    width: 100%;
    border: 1px solid #3B3727;
    padding: 4px;
    margin-bottom: 4px;  
}

.review label {
    clear: both;
    padding-top: 8px;
    text-transform: uppercase;
}

.review_box span.edit_in_place {
    float: left;
}

.review_box span.edit_in_place .secondary {
    font-size: 70%;
    color: #999999;
}

.review_box input.submit-image {
    float: right;

}

.spinner {
   display: inline;
  padding: 4px;
}

.spinner img {
    vertical-align: 20%;
}

.fieldwitherrors {
    background: #FF0000;
    display: table;
    padding: 2px;
    text-align: left;
}

#errorexplanation {
    background: #4E4734;
    border: 2px solid #1A180C;
    margin-bottom: 20px;
    padding: 7px;
    padding-bottom: 12px;
}

#errorexplanation h2 {
    background: #1A180C;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    margin: -7px;
    padding: 5px 5px 5px 15px;
    text-align: left;
}

#errorexplanation p {
    color: #FFFFFF;
    margin-bottom: 0;
    padding: 5px;
}

#errorexplanation ul li {
    font-size: 12px;
    list-style: square;
}

.pagination {
display: block;
clear: both;
border-top: 1px dotted #28220A;
padding-top: 10px;
font-size: 12px;
}

.pagination-pages { float: left }

.pagination-more { float: right }

/* ========================================================================
 * Create Steps: Review
 * ======================================================================*/
 
#create_steps .review {
    text-align: left;
}
 
#create_steps .review_box {
    float: left;
    clear: both;
    width: 100%;
    border: 1px solid #3B3727;
    padding: 4px;  
}

#create_steps .review label {
    clear: both;
    padding-top: 10px;
    padding-bottom: 4px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 70%;
}

#create_steps .review_box span.edit_in_place {
    float: left;
}

#create_steps .review_box span.edit_in_place .secondary {
    font-size: 70%;
}

#create_steps .review_box span.edit_in_place .address {
    color: #bcb9af;
    padding-left: 6px;
}

#create_steps .review_box span.edit_in_place .textfield {
    color: #FFFFFF;
}

#create_steps .review_box span.edit_in_place .body {
    display: block;
    min-height: 50px;
    width:400px;
}

#create_steps .review_box span.edit_in_place input.name {
    width: 120px;
}

#create_steps .review_box span.edit_in_place input.address {
    width: 240px;
    color: #000000;
}

#create_steps .review_box span.edit_in_place input.subject {
    width: 376px;
}

#create_steps .review_box input.submit-image {
    float: right;
}

/* ================================================================================= */

#create_steps .options  {
    padding-top: 8px;
    padding-bottom: 20px;
}

#create_steps .options_box  {
    clear: both;
}

#create_steps .options_box  label {
    display: inline;
}

#create_steps .options_box  ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
}

#create_steps .options_box  li {
    display: inline;
    font-size: 85%;
    color: #bcb9af;
}

#create_steps .options_box  li input {
    vertical-align: middle;
}

/* ================================================================================= */

#create_steps .code_box {
    width: 100%;
    border: 1px solid #3B3727;
    padding: 4px; 
    text-align: left; 
}

#create_steps .code_box input {
    width: 350px;
    border: none;
    background: none;
    font-size: 85%;
    color: #bcb9af;
} 
#create_steps .code_box img {
    vertical-align: middle;
}

/* ================================================================================= */

.notification {
    text-align: left;
    background-color: #EEFFEE;
    border: 1px solid #669966;
    color: #FFFFFF;
    padding: 12px;
    margin-bottom: 12px;
}

.validation {
    background-color: #330000;
    border-color: #440000;
    color: #FFFFFF;
}

.validation ul {
  font-size: 75%;
  text-align: left;
  margin-top: 2px;
}

.hint {
  display: block;
  font-size: 65%;
}


/* ==============================================================
   = My Content Area
   =============================================================*/

.title {
  float:left;
}
.title input, #asset_name {
  width:150px;
}
.name {
  float:left;
  width:215px;
  margin-left:5px;
  text-align:left;
}
.percent {
  float:left;
  width:44px;
  text-align:right;
}
.cancel{
  float:left;
  width:30px;
  text-align:right;
}
.file_info {
  width:450px;
  margin:5px auto;
  height:30px;
  text-align:left;
}
.inner_file {
  width:450px;
  margin:auto;
}
.upload-form {
  text-align:left;
  width:96%;
}
#uploader {
  text-align:center;
}
.audio, .videos, .photos { 
  float:left;
  width:510px;
  margin-bottom: 2em;
}
.audio {
  margin-bottom:20px;
}
.upload-button, .browse-button {
  float:left;
  margin:10px 5px;
/*  width:260px;*/
}
.buttons {
  width:480px;
  margin:auto;
}
#file_list {
  font-size:0.9em;
  min-height:208px;
}
#edit-asset-form {
  text-align:left;
}
#edit-asset-form .edit-file {
  height:240px;
  width:450px;
  background:#BCB9AF;
}
#edit{
  padding:5px;
}
.asset {
  float:left;
  padding: 0 7px 10px 0;
  min-height:105px;
  width:75px;
}
.asset .thumbnail {
  margin-bottom: 6px;
}
/* ==============================================================
   = Webcam recorder
   =============================================================*/
#recorder-file-name { display: none }
#flash_recorder { display: block; }

/* ==============================================================
   = Address book
   =============================================================*/

.info {
width:100%;
margin:0px auto;
text-align:center;
display:table;
padding:10px;
}


.info h1{
text-align:left;
padding-left:10px;
display:table;
margin-top:10px;
margin-bottom:0px;
font-size:25px;
float:left;

}

ul.rolodex{
  clear:both;
  list-style-type:none;
  display:table;
  text-align:center;
  width:100%;
  margin-left:4px;
  padding:0px;
  list-style-position:outside;
  padding-top:15px;
  border-top:1px dotted #45433E;
}

.rolodex li{
  float:left;
  list-style-type:none;
  display:inline;
  font-size:12px;
  padding:0px;
  margin:0px;
}

.rolodex a{
  display:inline;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:4px;
  padding-right:5px;
  color:#58554f;
}

a.selected{
  font-weight:bold;
  color:#fff;
}

.rolodex li a:hover{
  background-color:#000;
  color:#fff;
}

.names strong, .names2 strong{
  display:block;
  text-align:left;
  padding-left:5px;
}

#contact_info {
  background: #000 !important;
  display: block;
  height: auto !important;
  margin-bottom:10px;
}

#contact_info label {
  color: #aaa5a1;
  font-size: 12px;
}

#contact_info form {
  padding: 5px 10px;
}

ul#contact_name li {
  float: left;
  margin-right: 5px;
}

ul.form {
  clear: both;
  display: block;
  list-style:none;
  margin: 0;
  padding: 0;
}

ul.form label {
  display: block;
}

ul.form li {
  padding: 2px 0;
}

.borders {
margin-left: 8px;
background:transparent url(images/background-share.gif) no-repeat scroll 0%;
width:473px;
height: 156px;
}

.list-line-even { background: #000000 }

.names{
  width:100%;
  font-size:12px;
}

.names2{
  float: right;
  width:460px;
  font-size:12px;
  margin-top: 10px;
}
 
#contact_info table {
  width:75%;
  font-size:12px;
}

#add_contact { 
  float: right;
  padding-right: 10px;
}

.names td, .names2 td{
  padding-top:4px;
  padding-bottom:4px;
  color:#c9c4bb;
}

.names th, .names2 th {
  background-color:#000;
  color:#fff;
}

.alt{
  background-color:#0f0c04;
}

.address{
  display:table;
  width:500px;
  padding-top:15px;
  padding-bottom:15px;
  padding-left:5px;
  padding-right:5px;
}


.leftcolumn{
  padding:5px;
  width:310px;
  float:left;
  display:table;
  text-align:left;
  font-size:13px;
  color:#c9c4bb;
}

.leftcolumn h3{
  display:inline;
  margin:0px;
  font-weight:normal;
  font-size:20px;
  color:#fff;
}

.rightcolumn{
  float:right;
  width:100px;
  margin-top:30px;
}

.moreinfo{
  float:right;
  margin-right:10px;
}

.selected strong,
.selected td{
  background-color:#524b3c;
}
#contact_first_name, #contact_last_name, #contact_primary_email, #contact_secondary_email, .username_field input, .password_field input, .upload_field input {
  color: #fff;
  background: #272113;
  border: 1px solid #504a30;
  padding: 3px;
  font-size:12px;
}

#contact_first_name, #contact_last_name {
  width:100px;
}
#contact_primary_email, #contact_secondary_email {
  width:340px;
}

#contact_errors { 
  padding: 10px 0;
  color: #ff0000;
}

.submit_button, .username_field, .password_field, .upload_field {
  float:left;
  text-align:left;
  padding:2px;
}
.upload_field {
  width:236px;
}

.submit_button {
  padding-top:14px;
}

.username_field input, .password_field input {
  width:110px;
}

/*  =IMPORT_FORMS
    ------------------------------------------------------ */
    #import_contacts {
      padding: 10px 20px;
      text-align: left;
    }

    .import-contacts{
      text-align:left;
      padding:10px;
    }

    #import_messages, #flash_message {
      display: block;
      font-size: 75%;
      font-weight:bold;
    /*  height:20px;*/
    }
    
    #import_forms {
      font-size: 0.875em;
    }
    
    #import_forms h4 {
      font-size: 0.875em;
      margin-bottom: 5px;
    }
    
    #import_forms label {
      display: block;
      font-size: 0.75em;
      margin-bottom: 5px;
    }
    
    #import_contacts .submit_button {
      padding-top:19px;
    }
    
.auto_complete {
  position:absolute;
  width:250px;
  background-color:white;
  color: black;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}
ul.auto_complete {
  border:1px solid #888888;
  list-style-type:none;
  margin:0pt;
  padding:0pt;
  width:100%;
}
ul.auto_complete li {
  float: none;
  height: auto;
  margin:0pt;
  padding:3px;
}


.leftcolumn{
  padding:5px;
  width:310px;
  float:left;
  display:table;
  text-align:left;
  font-size:13px;
  color:#c9c4bb;
}

.leftcolumn h3{
  display:inline;
  margin:0px;
  font-weight:normal;
  font-size:20px;
  color:#fff;
}

  .rightcolumn {
    margin-top: 30px;
    width:100px;
  }

  .static-wrapper {
    top: 20px;
    background: #211D11;
    padding: 0 15px 3px 15px;
    width: 450px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
  }

  .right-nav {
    text-align: left;
    left: 800px !important;
  }

  .right-nav  ul { 
    list-style-type: none;
    margin-left: -50px;
  }

  .right-nav .right-nav-links {
    background: #49442e;
    display: block;
    margin-top: 0;
    padding: 10px;
    width: 135px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px; 
  }
  
  .right-nav  ul a {
    font-size: 68.7%;
  } 
  
  .right-nav-links li {
    display: block;
    border-bottom: 1px dotted #66614c;
  }

  .right-nav-links ul li .selected, .right-nav-links ul li:hover {
    background: #35321f;
  }

  .right-nav-links .last {
    border-bottom: none; 
  }

  .moreinfo{
    float:right;
    margin-right:10px;
  }

  .selected strong,
  .selected td{
    background-color:#524b3c;
  }

/* ==============================================================
   = History
   =============================================================*/
  .thumb-row-even { background-color: #48402b }
  .thumb-row-odd { background-color: #383019 }
  .thumb-row .videotitle {
    display: block;
    font-size: 60%;
    font-weight: normal;
    padding-top: 4px;
    margin-left:2px;
    margin-right:2px;
  }

  .thumb-row  .videotitle a:hover {
    text-decoration: none;
    color:#fff;
  }

  .thumb-row {
    position: relative;   
    line-height: 67.5%;
    float: left;
    display: inline;
    border-bottom: 1px solid #66614c;
    padding: 0;
  }

  .center .thumb-row {
    text-align: left;
    width: 500px; 
    padding:10px 0px 10px 0px;  
    text-align: left;
  }
  
  .center .cardlist {
    display: block;
    float: left;
  }
  
  .center .cardlist .thumb-row {
    display: block;
  }

  .thumb-row div{
    float:left;
    display:inline;
    margin:0px;
    padding:0px;
  }

/*  =TAG_LIST
    ------------------------------------------------------ */
    ul#tags {
      display: block;
    }
  
    ul#tags li {
    background: url(../images/tag.gif) no-repeat 0 5px;
      display: inline;
      list-style: none;
      padding: 5px 5px 5px 20px;
    }

/*  =SEARCH
    ------------------------------------------------------ */
    ul#search {
      background: url(../images/toolbar_search.png) no-repeat;
      display: block;
      height: 47px;
      margin: 20px 0 4px 0;
      position: absolute;
      width: 268px;
      top: 0;
      right: 0;
    }
    
    ul#search:hover {
       background-position: 0 -47px;
    }
  
    li#search_field input {
      background: transparent;
      border: none;
      display: block;
      font-size: 16px;
      height: 22px;
      left: 50px;
      padding: 6px 0;
      position: absolute;
      top: 8px;
      width: 150px;
    }
  
    li#search_field label {
      color: #000;
      display: block;
      font-size: 16px;
      padding: 6px 0;
      position: absolute;
      left: 50px;
      top: 8px;
    }
  
    li#search_button input {
      background: transparent;
      border: none;
      color: #fff;
      display: block;
      font-size: 18px;
      font-weight: bold;
      line-height: 1em;
      padding: 6px 8px;
      position: absolute;
      right: 12px;
      top: 4px;
      width: 45px;
    }
  
    #right form {
      display: block;
      margin: 0;
    }
  
/*  =PROFILE_MENU && =ACTION_BUTTONS
    ------------------------------------------------------ */
    ul#profileMenu,           ul.action_buttons,
    ul#profileMenu li,        ul.action_buttons li
    ul#profileMenu li a,      ul.action_buttons li a,
    ul#profileMenu li a span, ul.action_buttons li a span {
      display: block;
      list-style: none;
      margin: 0;
      padding: 0;
      position: absolute;
      right: 0;
      text-align: center;
      top: 0;
    }
  
    ul#profileMenu li,
    ul.action_buttons li {
      position: relative;
      margin: 2px 0 5px 0;
    }
   
    ul#profileMenu li {
       top: 20px;
    }
    
    ul#profileMenu li,
    ul#profileMenu li a,
    ul#profileMenu li a span {
      height: 47px;
      width: 100%;
    }
    
    ul#profileMenu li ul.nested_category_navigation li,
    ul#profileMenu li ul.nested_category_navigation li a,
    ul#profileMenu li ul.nested_category_navigation a span {
       background: none !important;
       color: #000;
       display: block !important;
       height: auto !important;
       position: relative !important;
    }
    
    ul#profileMenu li ul.nested_category_navigation li {
       font-size: 14px;
       line-height: 1.25em;
       text-align: left;
    }
    
    ul#profileMenu li#myOwnVideos ul.nested_category_navigation {
        width: 150px;
    }
    
    ul#profileMenu li#accountSettings ul.nested_category_navigation {
        min-width: 10px;
        width: 115px !important;
     }
    
    ul#profileMenu li ul.nested_category_navigation {
       background: #fff !important;
       padding: 0 10px 20px 10px;
       position: absolute;
       top: 44px;
       right: 0;
       height: auto !important;
       min-width: 80%;
       -moz-border-radius-bottomleft: 5px;
       -moz-border-radius-bottomright: 5px;
       -webkit-border-bottom-right-radius: 5px;
       -webkit-border-bottom-left-radius: 5px;
    }
    
    ul#profileMenu li ul.nested_category_navigation li a:hover {
       background: #000 !important;
       color: #fff;
    }
  
    ul#profileMenu li a span,
    ul.action_buttons li a span {
      left: 0;
      position: absolute;
      top: -2px;
    }
    
    ul#profileMenu li {
       position: absolute;
    }
    
    ul#profileMenu li#myOwnVideos {
      right: 268px;
      width: 104px;
    }
    
    ul#profileMenu li#myOwnVideos span {
       background: url(../images/toolbar_logged_in.png) no-repeat -376px 0;
    }
    
    ul#profileMenu li#myOwnVideos a:hover span,
    ul#profileMenu li#myOwnVideos.active a span {
       background: url(../images/toolbar_logged_in.png) no-repeat -376px -47px;
    }
    
     ul#profileMenu li#addressBook {
       right: 372px;
       width: 108px;
     }

     ul#profileMenu li#addressBook span {
        background: url(../images/toolbar_logged_in.png) no-repeat -268px 0;
     }

     ul#profileMenu li#addressBook a:hover span,
     ul#profileMenu li#addressBook.active a span {
        background: url(../images/toolbar_logged_in.png) no-repeat -268px -47px;
     }
     
     ul#profileMenu li#sentEcards {
       right: 479px;
       width: 110px;
     }
  
     ul#profileMenu li#sentEcards span {
        background: url(../images/toolbar_logged_in.png) no-repeat -159px 0;
     }
  
     ul#profileMenu li#sentEcards a:hover span,
     ul#profileMenu li#sentEcards.active a span {
        background: url(../images/toolbar_logged_in.png) no-repeat -159px -47px;
     }
     
     ul#profileMenu li#signup {
       background: url(../images/toolbar_logged_out.png) no-repeat 0 0;
       right: 558px;
       width: 180px;
     }
     
     ul#profileMenu li#login {
       right: 268px;
       width: 290px;
       background: url(../images/toolbar_logged_out.png) no-repeat -176px 0;
       padding: 13px 0 0 0;
       height: 34px;
       font-size: 16px;
       text-align: left;
     }
     
     ul#profileMenu li#login,
     ul#profileMenu li#signup {
        top: 18px;
     }
     
     ul#profileMenu li#login a,
     ul#profileMenu li#signup a {
      color: #fff;
      font-weight: bold;
      text-decoration: underline;
     }
     
     ul#profileMenu li#signup a {
        display: block;
        padding: 13px 0 0 0;
        text-decoration: none;
     }
     
     ul#profileMenu li#login a span,
     ul#profileMenu li#signup a span {
        display: none;
     }
     
     ul#profileMenu li#accountSettings {
       right: 589px;
       width: 159px;
     }
     
     ul#profileMenu li#accountSettings span {
        background: url(../images/toolbar_logged_in.png) no-repeat 0 0;
     }
     
     ul#profileMenu li#accountSettings a:hover span,
     ul#profileMenu li#accountSettings.active a span {
        background: url(../images/toolbar_logged_in.png) no-repeat 0 -47px;
     }
     
    ul.action_buttons {
      margin: 0 auto;
      width: 350px;
      position: relative !important;
    }
    
    ul.action_buttons li,
    ul.action_buttons li a,
    ul.action_buttons li a span {
      height: 46px;
      width: 350px;
    }
    
    ul.action_buttons li#return_to_rattle_drive a span {
      background: url(../images/return_to_rattle_drive.gif) no-repeat;
    }
    
    ul.action_buttons li#send_this_ecard a span {
      background: url(../images/send_this_ecard.gif) no-repeat;
    }

    #embedded_thumbs {
       display: none;
    }
    
/* =MISCELANOUS_ADS
   ------------------------------------------------------ */
   .social_media_icon {
      color: #fff;
      float: left;
      font-size: 0.875em;
      display: block;
      padding: 50px 0 0 10px;
      margin-bottom: -50px;
   }
   
   .social_media_icon a {
      color: #fff;
      display: block;
      text-decoration: underline;
   }
   
/*  =IMPORT_FORM
  ------------------------------------------------------ */

/* =SITEMAP
   ------------------------------------------------------ */
   #sitemap_cards,
   #sitemap_categories {
      margin: 20px 0;
      width: 160px;
   }
   
   #sitemap_cards li,
   #sitemap_categories li {
      margin: 0;
      padding: 0;
      font-size: 1.15em;
      line-height: 1em;
      list-style: square;
   }

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

Title : Lightbox CSS
Author : Kevin Hale
Modified By: Noah Winecoff (http://www.findmotive.com)
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

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

#lightbox{
  display:none;
  position: absolute;
  top:100px;
  left:50%;
  z-index:9999;
  width: 550px;
  height: 80%;
  max-height: 600px;
  margin: 0 0 0 -200px;
  border:20px solid #3B3727;
  background: #161206;
  text-align:left;
}
#lightbox[id]{
  position:fixed;
}

#overlay{
  display:none;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:5000;
  background-color:#000;
  -moz-opacity: 0.8;
  opacity:.80;
  filter: alpha(opacity=80);
}
#overlay[id]{
  position:fixed;
}

#lightbox.done #lbLoadMessage{
  display:none;
}
#lightbox.done #lbContent{
  display:block;
  height: 100%;
  overflow: auto;
}
#lightbox.loading #lbContent{
  display:none;
}
#lightbox.loading #lbLoadMessage{
  display:block;
}

#lightbox.done img{
/*  width:100%;
  height:100%;*/
}