/* ---------- Add/remove page ---------- */
.modify-pages li {
  position: relative; }
.modify-pages .delete-tab {
  background: #333333 url(../images/portlet/close_borderless.png) no-repeat 50%;
  cursor: pointer;
  display: block;
  height: 8px;
  margin-top: -7px;
  padding: 3px;
  position: absolute;
  right: 1px;
  text-indent: -9999em;
  top: 50%;
  width: 8px; }

/* ---------- Navigation portlet ---------- */
.nav-menu ul {
  padding-left: 10px; }
.nav-menu li a.ancestor {
  font-weight: bold; }
.nav-menu li a.selected {
  color: #000;
  font-weight: bold;
  text-decoration: none; }

/* ---------- Page template selector ---------- */
.aui-form-options {
  border: 1px solid #AAA;
  display: inline-block;
  vertical-align: middle; }
  .aui-form-options input {
    border-width: 0;
    display: inline;
    float: left; }

.aui-form-triggers {
  float: left; }

.aui-form-trigger {
  background: #c4c4c4 url(../images/application/button_bg.png) repeat-x 0 0;
  border-left: 1px solid #BBB;
  display: inline-block;
  float: left; }
  .aui-form-trigger img {
    background: url() no-repeat 50% 40%;
    height: 25px;
    padding: 0 3px;
    vertical-align: middle;
    width: 16px; }
  .aui-form-trigger:hover, .aui-form-trigger:focus {
    background-color: #83B0CA;
    background-image: url(../images/application/button_bg_over.png); }

.aui-trigger-selected {
  background-color: #EBEBEB;
  background-image: url(../images/application/button_bg_selected.png); }
  .aui-trigger-selected:hover, .aui-trigger-selected:focus {
    background-color: #B7DEF4;
    background-image: url(../images/application/button_bg_selected_over.png); }

.aui-options-trigger img {
  background-image: url(../images/common/configuration.png); }

.aui-save-trigger img {
  background-image: url(../images/dock/my_place_current.png); }

/* ---------- Navigation ---------- */
#navigation {
  position: relative; }

#navigation ul {
  text-transform: uppercase; }

#navigation ul li {
  padding: 0;
  text-align: -webkit-match-parent;
  position: relative; }

#navigation a, #navigation span {
  display: block; }

#navigation .dropdown {
  position: absolute;
  top: 27px;
  left: -1px;
  z-index: 100;
  width: 250px;
  /* Default */
  display: none; }

#navigation .remain .dropdown {
  display: block; }

#navigation ul li a {
  display: block;
  text-decoration: none;
  transition: color 0.3s;
  -moz-transition: color 0.3s;
  /* Firefox 4 */
  -webkit-transition: color 0.3s;
  /* Safari and Chrome */
  -o-transition: color 0.3s;
  /* Opera */ }

#navigation li a span {
  height: 30px;
  line-height: 30px;
  padding: 0 10px; }

#navigation li.level1.parent > a {
  background: url(../images/custom/menu-arrow.png) no-repeat right;
  text-decoration: none; }

#navigation ul.level2 {
  margin: 0;
  padding: 0;
  display: block;
  width: 250px; }

#navigation ul li.level2 {
  float: none;
  border: none;
  border-top: 1px solid #EEEEEE;
  margin-right: 0; }

#navigation li.level2:first-child {
  border: none; }

#navigation .dropdown-bg > div {
  border-radius: 2px;
  background: #FFF; }

#navigation .selected .level2 a {
  color: #707070; }

#navigation .selected .level2 a:hover {
  color: #fc7b62; }

#navigation a.level2 > span,
#navigation span.level2 > span {
  padding: 5px 10px;
  line-height: 26px;
  text-transform: uppercase; }

#navigation .level2 a,
#navigation .level2 span {
  text-shadow: 0 1px 0 rgba(0, 0, 2, 0.2);
  font-size: 12px; }

#navigation li.level2 {
  transition: background 0.6s;
  -moz-transition: background 0.6s;
  /* Firefox 4 */
  -webkit-transition: background 0.6s;
  /* Safari and Chrome */
  -o-transition: background 0.6s;
  /* Opera */ }

#navigation li.level2:hover {
  background: rgba(255, 255, 255, 0.1); }

#navigation li.level1.parent a.level1 > span {
  padding-right: 25px; }

#navigation a.level1 > span, .menu-dropdown span.level1 > span {
  height: 30px;
  line-height: 30px; }

#navigation li.level1:hover .level1,
#navigation li.remain .level1 {
  /*border:1px solid rgba(29, 47, 96,0.55);*/
  border-radius: 2px;
  background-color: #FFF;
  background-position: 0 -50px;
  background-repeat: repeat-x;
  box-shadow: inset 0 1px 0 rgba(253, 253, 255, 0.15), 0 1px 1px rgba(0, 0, 2, 0.25); }

#navigation li.level1.parent:hover .level1,
#navigation li.remain.parent .level1 {
  height: 31px;
  border-radius: 4px 4px 0 0; }

#navigation div#add-page {
  position: absolute;
  top: 45px;
  right: 0; }

#navigation div#add-page a:hover {
  background: none;
  text-decoration: underline; }

#navigation .enter-page {
  height: 40px;
  padding: 3px 0 0; }

#navigation .save-page {
  float: none;
  text-decoration: underline; }

.ie7 .save-page {
  position: relative;
  top: -5px; }

#navigation .save-page:hover {
  background: none; }

#navigation .cancel-page {
  display: none; }

.ie #navigation ul {
  height: 1%; }

#navigation li.selected a,
#navigation li a:hover {
  color: #fc7b62; }