/*****************************************************************************
 * Text Setup
 ****************************************************************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

body {
  line-height: 1.5;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/*****************************************************************************
 * Text Setup
 ****************************************************************************/

html { font-size:100.01%; }

body {
  font-size: 75%;
  font-family: Helvetica, Arial, sans-serif;
}

input, textarea {
  font-family: inherit;
  font-size: inherit;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; font-weight: bold; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus,
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; border-bottom: 1px solid; }
th          { font-weight: bold; }
th,td,caption { padding: 4px 10px 4px 5px; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

/*****************************************************************************
 * Grid System
 ****************************************************************************/

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display:inline;
  float: left;
  position: relative;
  margin-left: 1%;
  margin-right: 1%;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .grid_1 {
  width:6.333%;
}

.container_12 .grid_2 {
  width:14.667%;
}

.container_12 .grid_3 {
  width:23.0%;
}

.container_12 .grid_4 {
  width:31.333%;
}

.container_12 .grid_5 {
  width:39.667%;
}

.container_12 .grid_6 {
  width:48.0%;
}

.container_12 .grid_7 {
  width:56.333%;
}

.container_12 .grid_8 {
  width:64.667%;
}

.container_12 .grid_9 {
  width:73.0%;
}

.container_12 .grid_10 {
  width:81.333%;
}

.container_12 .grid_11 {
  width:89.667%;
}

.container_12 .grid_12 {
  width:98.0%;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .prefix_1 {
  padding-left:8.333%;
}

.container_12 .prefix_2 {
  padding-left:16.667%;
}

.container_12 .prefix_3 {
  padding-left:25.0%;
}

.container_12 .prefix_4 {
  padding-left:33.333%;
}

.container_12 .prefix_5 {
  padding-left:41.667%;
}

.container_12 .prefix_6 {
  padding-left:50.0%;
}

.container_12 .prefix_7 {
  padding-left:58.333%;
}

.container_12 .prefix_8 {
  padding-left:66.667%;
}

.container_12 .prefix_9 {
  padding-left:75.0%;
}

.container_12 .prefix_10 {
  padding-left:83.333%;
}

.container_12 .prefix_11 {
  padding-left:91.667%;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .suffix_1 {
  padding-right:8.333%;
}

.container_12 .suffix_2 {
  padding-right:16.667%;
}

.container_12 .suffix_3 {
  padding-right:25.0%;
}

.container_12 .suffix_4 {
  padding-right:33.333%;
}

.container_12 .suffix_5 {
  padding-right:41.667%;
}

.container_12 .suffix_6 {
  padding-right:50.0%;
}

.container_12 .suffix_7 {
  padding-right:58.333%;
}

.container_12 .suffix_8 {
  padding-right:66.667%;
}

.container_12 .suffix_9 {
  padding-right:75.0%;
}

.container_12 .suffix_10 {
  padding-right:83.333%;
}

.container_12 .suffix_11 {
  padding-right:91.667%;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .push_1 {
  left:8.333%;
}

.container_12 .push_2 {
  left:16.667%;
}

.container_12 .push_3 {
  left:25.0%;
}

.container_12 .push_4 {
  left:33.333%;
}

.container_12 .push_5 {
  left:41.667%;
}

.container_12 .push_6 {
  left:50.0%;
}

.container_12 .push_7 {
  left:58.333%;
}

.container_12 .push_8 {
  left:66.667%;
}

.container_12 .push_9 {
  left:75.0%;
}

.container_12 .push_10 {
  left:83.333%;
}

.container_12 .push_11 {
  left:91.667%;
}

.container_12 .push_right {
  float: right;
  position: relative;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .pull_1 {
  left:-8.333%;
}

.container_12 .pull_2 {
  left:-16.667%;
}

.container_12 .pull_3 {
  left:-25.0%;
}

.container_12 .pull_4 {
  left:-33.333%;
}

.container_12 .pull_5 {
  left:-41.667%;
}

.container_12 .pull_6 {
  left:-50.0%;
}

.container_12 .pull_7 {
  left:-58.333%;
}

.container_12 .pull_8 {
  left:-66.667%;
}

.container_12 .pull_9 {
  left:-75.0%;
}

.container_12 .pull_10 {
  left:-83.333%;
}

.container_12 .pull_11 {
  left:-91.667%;
}

/*****************************************************************************
 * Layout 
 ****************************************************************************/

.ff .hidden
{
  border: 0 none;
  height: 0;
  left: -999999px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  visibility: hidden;
  width: 0;
}
.ff h2.title {
  margin-top: 20px;
  margin-left: 20px;
}
.ff .notice {
  display: block;
  position: fixed;
  bottom: 40px;
  width: 100%;
  padding: 0;
  text-align: center;
  z-index: 100;
  list-style: none;
  font-size: 1.5em;
}

.ff .flash-messages {
  display: inline-block;
  list-style: none;
  margin: 30px 0 0;
  padding: 0;
  *display: block;
  _margin: 34px 0 0;
}

.ff .flash-messages li {
  display: block;
  line-height: 1em;
  color: #fff;
  padding: 10px 50px;
  margin-top: 5px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  /* IE 6 */
  *display: inline;
}
.ff .flash-messages li {
  background-color: #7dbd30;
}
.ff .flash-messages li.warning {
  background-color: #cc0000;
}


.ff .entry .entry-step {
  clear: left;
  padding-top: 1em;
}

  .ff .entry .entry-step .label {
    padding: 0.5em;
    margin: 20px 25px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
  }

.ff .entry-sidebar {
  float: left;
  width: 35%;
}

.ff .entry-form {
  float: left;
  width: 580px;
  padding: 0;
}

.ff .entry-sidebar h2 { margin-bottom: 0.5em; }

.ff .entry-comments { margin: 0 0 2em 20px; }

.ff .entry-payments ul { list-style: none; margin: 0; padding: 0; }

.ff .entry-comments ul {
  padding: 0;
  list-style: none;
}

/*****************************************************************************
 * Comments
 ****************************************************************************/

.ff .comment
{
  border: 1px solid;
  border-left: 5px solid;
  margin-bottom: 1em;
  padding: 10px;
}

.ff .comment .info {
  margin-top: 0.5em;
  text-align: right;
}

/*****************************************************************************
 * Preview
 ****************************************************************************/

.ff-form-preview {
  background: url(/images/preview.png) repeat;
}

.ff-form-preview .preview-notice {
  border-width: 1px;
  border-style: solid;
  margin: 0 25px 10px 25px;
  padding: 10px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
}

/*****************************************************************************
 * Color Scheme
 ****************************************************************************/

.ff .flash-messages, .ff .comment { background-color: #fff; }

.ff .yui3-text-input-hint, .ff .comment .info { color: #666; }

.ff .comment { border-color: #D4D8D3; }

.ff .color1 { background-color: #C0CEC6; }

.ff .comment0 { border-left-color: #C0CEC6; }

.ff-form-preview .preview-notice {
  border-color: #F33;
}

.ff-form-preview .preview-notice strong {
  color: #F33;
}

/*****************************************************************************
 * LightBox
 ****************************************************************************/

.ff .lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  opacity:0.8;
  filter: alpha(opacity=80);
}

.ff .yui3-hidden,
.ff .hidden
{
  border: 0 none;
  height: 0;
  left: -999999px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  visibility: hidden;
  width: 0;
}

.ff .yui3-tab-hidden,
.ff .yui3-tabview-hidden {
  left: -999999px;
  top: 0;
  position: absolute !important;
  visibility: hidden;
}

.ff .yui3-overlay {
  position: absolute;
  visibility: visible;
}

.ff .yui3-overlay-hidden { 
  visibility:hidden 
} 

.ff .yui3-widget-stacked .yui3-widget-shim {
  opacity:0;
  filter:alpha(opacity=0);
  position:absolute;
  border:none;
  top:0px;
  left:0px;
  padding:0;
  margin:0;
  z-index:-1;
  width:100%;
  height:100%;
  /* 
    We'll be setting these programmatically for IE6, 
    to account for cases where height is not set 
  */
  _width:0;
  _height:0;
}

.ff .yui3-lightbox {
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  min-width: 300px;
  min-height: 150px;
  border: 1em solid;
}

  .ff .yui3-lightbox h2 {
    margin: 0;
  }

.ff .yui3-lightbox-close {
  position: absolute;
  top: -28px;
  left: -28px;
}

.ff .yui3-lightbox-close a {
  width: 30px;
  height: 30px;
  display: block;
  font-size: 0;
  background: url(../../images/v2/lightbox-close.png) no-repeat;
}

.ff .yui3-lightbox .yui3-widget-hd h3 {
  margin:  0.5em 0.5em 0.5em 1em;
  line-height: 2em;
}

.ff .yui3-lightbox .yui3-widget-bd {
  padding: 20px;
}

.ff .yui3-lightbox .yui3-widget-ft {
  padding: 0 1em 1em 1em;
}

.ff .yui3-lightbox-backdrop {
  background-color: #000;
  opacity: 0.5;
  filter:alpha(opacity=50);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

.ff .yui3-lightboxconfirm-hidden, .ff .yui3-lightbox-hidden {
  display: none;
}

/* Color */
.ff .yui3-lightbox {
  background-color: #FFF;
  border-color: #7DBD30;
}

.ff .yui3-lightboxwarning {
  border-color: #c00;
}

.ff .yui3-lightboxwarning h3 {
  color: #c00;
}

.ff .yui3-lightbox-close a { color: #888; }

/*****************************************************************************
 * Button
 ****************************************************************************/

.ff-form .submit button {
  cursor: pointer;
  display: inline-block;
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff , #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff , #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff , #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff , #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff , #ffffff 25%, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  padding: 5px 14px 6px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  color: #333;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  -ms-transition: 0.1s linear all;
  -o-transition: 0.1s linear all;
  transition: 0.1s linear all;
}

.ff-form .submit button:hover {
  background-position: 0 -15px;
  color: #333;
  text-decoration: none;
}
.ff-form .submit button:focus {
  outline: 1px dotted #666;
}

.ff button.button-focus, .ff button.button, .ff button.button1 { line-height: 1; }

.ff .button-focus, .ff .button, .ff .button1 {
  display: inline-block;
  font-size: 1em;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  line-height: 1em;
  cursor: pointer;
  padding: 10px 30px 8px;
  border: 1px solid;
  border-radius: 6px;
  font-weight: bold;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.ff .s-button {
  display: inline-block;
  font-size: 0.75em;
  line-height: 1;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  padding: 2px 1em; 
  border: 1px solid;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  box-shadow: 0px 2px 3px #888888;
  -moz-box-shadow: 0px 2px 3px #888888;
  -webkit-box-shadow: 0px 2px 3px #888888;
}

.ff .s-button[disabled], .ff .s-button-disabled {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.ff .c-button .button {
  padding: 10px 15px;
}

.ff .button-group li { display: inline; }
.ff .button-group .s-button,
.ff .button-group .s-button-first,
.ff .button-group .s-button-last {
  display: inline-block;
  line-height: 1;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  padding: 2px 1em;
  margin: 0;
  border: 1px solid;
  box-shadow: 0px 2px 3px #888888;
  -moz-box-shadow: 0px 2px 3px #888888;
  -webkit-box-shadow: 0px 2px 3px #888888;
}

.ff .button-group .button,
.ff .button-group .s-button,
.ff .toggle-group .button {
  border-right-style: none;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

.ff .button-group .first,
.ff .toggle-group .on {
  border-right-style: none;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
}

.ff .button-group .last,
.ff .toggle-group .off {
  border-right-style: solid;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
}

.ff .toggle-group .button {
  padding: 8px 15px;
}

/* Button set */
.ff .buttonset {
  list-style-type: none;
  padding: 1em 0;
  display: block;
  text-align: right;
  margin: 0 20px;
}

.ff .buttonset li {
  display: inline-block;
  margin-left: 10px;
  *display: inline;
}

.ff .buttonset li.push_left {
  float: left;
  margin-left: 0px;
  margin-right: 10px;
}
/* Special button */
.ff .edit-button {
  padding: 0.5em 0;
}

.ff .edit-button .icon {
  padding: 0.5em 0.75em;
  margin: 0 0 0 0.4em;
}

.ff .f-control {
  display: block;
  width: 18em;
  border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  -webkit-border-radius: 0.2em;
  margin: 0 0 0 17px;
  padding: 0 0 0.5em 1em;
  position: relative;
}
.ff .f-control .arrow {
  position: absolute;
  top: 1.5em;
  left: -17px;
  width: 17px;
  height: 20px;
  background-image: url(../../images/v2/form-arrow.png);
}
.ff .f-control p {
  margin: 0;
}
.ff .f-control .publiclink input {
  margin-top: 0.5em;
  border-style: solid;
  border-width: 1px;
}

.ff .f-control a {
  text-decoration: none;
  font-size: 0.75em;
  line-height: 2.5;
  font-weight: bold;
  margin: 0 10px 0 0;
  vertical-align: top;
}

/* Color */
.ff .button-focus, .ff .button {
  text-shadow:#fff 0px 1px 0px;
  background: #eeeeee url(../../images/v2/buttonface.png) repeat-x left;
  border-color: #999;
}

.ff .button-focus:hover, .ff .button:hover {
  border-color: #7f7f7f;
}

.ff .button-focus-selected, .ff .button-focus:active,
.ff .button-selected, .ff .button:active {
  background: #eeeeee url(../../images/v2/buttonface-selected.png) repeat-x left;
  border-color: #a5a5a5;
}

.ff .button1 {
  text-shadow:#777 0px -1px 0px;
  background: #eeeeee url(../../images/v2/buttonface1.png) repeat-x left;
  border-color: #aaaaaa;
}

.ff .button1:hover {
  border-color: #6a745a;
}

.ff .button1-selected, .ff .button1:active {
  background: #7dbd30 url(../../images/v2/buttonface1-selected.png) repeat-x left;
  border-color: #aaaaaa;
}

.ff .button { color: #666; }
.ff .button:hover { color: #333333; }
.ff .button-focus { color: #7dbd30; }
.ff .button1 { color: #ffffff; }

.ff .s-button, .ff .button-group .s-button,
.ff .button-group .s-button-first, .ff .button-group .s-button-last {
  background: #f6f6f6 url(../../images/v2/buttonface-small.png) repeat-x left;
  border-color: #cccccc;
}

.ff a.s-button-selected, .ff .s-button:active {
  color: #ffffff;
  background: #555555 url(../../images/v2/buttonface-small-selected.png) repeat-x left;
  border-color: #888888;
}
.ff .s-button, .ff .s-button-first, .ff .s-button-last { color: #666666; }

.ff .c-button .selected,
.ff .toggle-group-off .off {
  color: #666;
  text-shadow: #fff 0px -1px 0px;
  background: #aaaaaa url(../../images/v2/buttonface-c-selected.png) repeat-x 
}

.ff .toggle-group-on .on {
  color: #fff;
  text-shadow: #000 0px -1px 0px;
  background: #7dbd30 url(../../images/v2/buttonface1-selected.png) repeat-x left center;
}

.ff .s-button[disabled], .ff .s-button[disabled]:active, .ff .s-button-disabled,
.ff .button-disabled, .ff .button-disabled:hover, .ff .button-disabled:active,
 .ff .button[disabled],  .ff .button1[disabled],  .ff .button-focus[disabled] {
  color: #ddd !important;
  text-shadow: #fff 0px 1px 0px !important;
  border-color: #eee !important;
  background: #eee none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
/* Special button */
.ff .edit-button .icon {
  background: url(../../images/v2/control-icon.png) -100px -20px;
}

.ff .f-control {
  border: 1px solid #d5d5d5;
  background-color: #eaeaea;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
}
.ff .f-control .publiclink input {
  color: #666;
  border-color: #ccc;
}
.ff .f-control a { color: #888888; }
.ff .f-control a:hover { color: #000000; }
.ff .f-control a:active { color: #7dbd30; }

.ff .nav-button a,
.ff .nav-number a {
  color: #888888; text-decoration: none;
}
.ff .nav-button .prev, .ff .nav-button .next {
  border-color: #aaaaaa;
  background-image: url(../../images/v2/navface.png);
}
.ff .nav-button .prev:hover, .ff .nav-button .next:hover {
  border-color: #000000;
}
.ff .nav-button .prev:active, .ff .nav-button .next:active  {
  border-color: #aaaaaa;
  background-image: url(../../images/v2/navface-selected.png);
}
.ff .nav-button .disabled-prev, .ff .nav-button .disabled-next {
  background-image: none !important;
  background-color: #eeeeee !important;
  border-color: #aaaaaa !important;
}

.ff .nav-button .prev .icon,
.ff .nav-button .next .icon,
.ff .nav-number .prev .icon,
.ff .nav-number .next .icon,
.ff .nav-button .goto .icon {
  background-image: url(../../images/v2/nav-icon.gif);
}

.ff .nav-button .prev .icon { background-position: 0 0px; }
.ff .nav-button .next .icon { background-position: -25px 0px; }
.ff .nav-button .prev:hover .icon { background-position: 0 -25px; }
.ff .nav-button .next:hover .icon { background-position: -25px -25px; }
.ff .nav-button .prev:active .icon { background-position: 0 0px; }
.ff .nav-button .next:active .icon { background-position: -25px 0px; }
.ff .nav-button .disabled-prev .icon {
  background-position: 0 -75px !important;
}
.ff .nav-button .disabled-next .icon {
  background-position: -25px -75px !important;
}

.ff .nav-number .prev .icon { background-position: 0 -8px; }
.ff .nav-number .next .icon { background-position: -25px -8px; }
.ff .nav-number .prev:hover .icon { background-position: 0 -33px; }
.ff .nav-number .next:hover .icon { background-position: -25px -33px; }
.ff .nav-number .prev:active .icon { background-position: 0 -58px; }
.ff .nav-number .next:active .icon { background-position: -25px -58px; }

.ff .nav-button .goto {
  border-color: #aaaaaa;
  background-image: url(../../images/v2/navface.png);
}
.ff .nav-button .goto:hover {
  border-color: #000000;
}
.ff .nav-button .goto:active {
  border-color: #000000;
  background-image: url(../../images/v2/navface-selected.png);
}
.ff .nav-button .goto .icon { background-position: -100px 0; }
.ff .nav-button .goto:hover .icon { background-position: -100px -25px; }
.ff .nav-button .goto:active .icon { background-position: -100px 0; }

.ff .breadcrumb {
  background-color: #EEEEEE;
  color: #666;
  border-bottom-color: #bbbbbb;
}

.ff .breadcrumb a, .ff .breadcrumb a:visited {
  color: #666;
}

.ff .breadcrumb strong a, .ff .breadcrumb strong a:visited {
  color: #7dbd30;
}

/*****************************************************************************
 * Draft-container
 ****************************************************************************/
.ff .yui3-lightbox .title {
  display: block;
  font-size: 1em;
  line-height: 2em;
  padding: 1em 0;
  text-align: center;
  color: #666;
  margin-right: 0.5em;
}

.ff .yui3-lightbox .yui3-widget-bd {
  padding-top: 0;
}

.ff .yui3-lightbox .draft-container {
  text-align: center;
  color: #666;
}

.ff .yui3-lightbox .draft-container p {
  margin-bottom: 1em;
}


.ff .yui3-lightbox .draft-container .private-link-container input {
  font-size: 1.2em;
  line-height: 1.5em;
  padding: 0.5em;
  height: 1.5em;
  width: 300px;
  margin-bottom: 20px;
  border-radius: 6px;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0px 3px 2px rgba(0, 0, 0, 0.13);
  -moz-box-shadow:    inset 0px 3px 2px rgba(0, 0, 0, 0.13);
  box-shadow:         inset 0px 3px 2px rgba(0, 0, 0, 0.13);
}

.ff .yui3-lightbox .draft-container .button {
  margin: 0 .5em;
  background: #FFF;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.17);
  -moz-box-shadow:    0px 1px 2px rgba(0, 0, 0, 0.17);
  box-shadow:         0px 1px 2px rgba(0, 0, 0, 0.17);
}

/*!
 * Pikaday
 * Copyright © 2012 David Bushell | BSD & MIT license | http://dbushell.com/
 */

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    width: 240px;
    padding: 8px;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    opacity: .5;
    *position: absolute;
    *top: 0;
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
    *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
    *right: 0;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
    *display: inline;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    margin: 0;
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-table abbr {
    border: none;
}

.pika-button {
    cursor: pointer;
    display: block;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
}

.is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}

.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.pika-button:hover {
    color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
}