@charset "utf-8";
/* ############## */
/* FIXES & RESETS */
/* ############## */
/* Global reset of paddings and margins for all HTML elements */
* {
  margin: 0;
  padding: 0;
}

/* Correction:margin/padding reset caused too small select boxes. */
option {
  padding-left: 4px;
}

select {
  padding: 1px;
}

/* Global fix of the Italics bugs in IE 5.x and IE 6 */ * html body * {
  overflow: visible;
}
* html iframe, * html frame {
  overflow: auto;
}
* html frameset {
  overflow: hidden;
}

/* avoid visible outlines on DIV containers in Webkit browsers */
div {
  outline: 0 none;
}

.clear {
  clear:both;
}

img {
  border: 0;
}

hr {
  height:1px;
  background:#ccc;
  clear:both;
  display:block;
  margin:4px 8px 12px 8px;
  border: none;
}

/* ############## */
/* BASIC SETTINGS */
/* ############## */

html,
body {
   height:100%;
}

body {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #373737;
  background: #c1eaf0;
  overflow-x:hidden;
  overflow-y:scroll;
}

#page {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -141px;
  background: transparent url(/images/background_page.png) scroll repeat-x top left;
}

#center {
  width:980px;
  margin:0 auto;
}

#header {
  height: 120px;
  background: transparent url(/images/background_header.png) scroll no-repeat top center;
}

#push {
  height:140px;
  clear: both;
}

#footer {
  background: #FFF url(/images/footer-background.jpg) repeat-x;
  border-top:1px solid #CCCCCC;
  height: 140px;
  width: 100%;
  clear: both;
  text-align: center;
}

#footer > div {
  margin:48px auto 0;
  width: 980px;
}

#zeppelin {
  position: relative;
  margin-right:25px;
  margin-top:-70px;
}

.flip-horizontal {
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: fliph; /*IE*/
}

/* #### */
/* TYPO */
/* #### */

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  color: #373737;
}

h1, h2 {
  color: #da3f10;
  margin: 0 0 4px 0;
}

h1 {
  font-size: 24px;
  line-height: 24px;
}

h2 {
  font-size: 20px;
  line-height: 20px;
}

h2 > a {
  color: #da3f10;
}

h2.grey,
h2.grey > a {
  color: grey !important;
  font-weight: normal;
}

h2 + a.link {
  margin-top:4px;
}

a.link + hr,
#new_role + hr {
  margin-top:0px;
}

h3 {
  margin-bottom:8px;
  font-size:14px;
  text-transform:capitalize;
}

h4, h5, h6 {
  padding-bottom:8px;
  font-size: 12px;
}

p {
  margin-bottom:4px;
}

hr + p {
  margin-top:12px;
}

/* basic adjustments as classes */

.align-right {
  text-align:right !important;
}

.align-center {
  text-align:center !important;
}

.float-right {
  float:right !important;
}

.float-left {
  float:left !important;
}

.hidden {
  display:none;
}

.no-margin{
  margin:0px !important;
}

.no-padding{
  padding:0px !important;
}

/* ############## */
/* GRID STRUCTURE */
/* ############## */

/* clearfix */
.clearfix:after, .row:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix, .row {display:inline-block;} /*Those two .clearfix have to be separate!)*/
.clearfix, .row {display:block;}

/* framework */
.row {
  position:relative;
  margin-bottom: 16px;
  padding: 16px 10px 4px 10px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  background:white;
}

.flashnotice_background + .row {
  margin-top:-16px;
}

.row.next {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.row > h2 {
  padding-left: 8px;
  padding-right: 8px;
}

.column {
  float:left;
  position:relative;
  padding-top:8px;
  padding-bottom:16px;
}

.column > * {
  padding-left: 8px;
  padding-right: 8px;
}

.column > div.table {
  margin-left:8px;
  margin-right:8px;
}

.column > .column,
.column > form {
  padding-left: 0px;
  padding-right: 0px;
}

.width_1 {width: 80px;}
.width_2 {width: 160px;}
.width_3 {width: 240px;}
.width_4 {width: 320px;}
.width_5 {width: 400px;}
.width_6 {width: 480px;}
.width_7 {width: 560px;}
.width_8 {width: 640px;}
.width_9 {width: 720px;}
.width_10 {width: 800px;}
.width_11 {width: 880px;}
.width_12 {width: 960px;}

/* ##### */
/* LINKS */
/* ##### */

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

a.strong {
  font-weight: bold;
}

a:focus,
a:hover,
a:active,
span.link:hover {
  text-decoration: underline;
  outline:none;
}

a.text-link {
  font-weight: bold;
  color: #6bba0d;
}

span.link {
  display:inline-block;
  cursor:pointer;
  vertical-align:top;
}

span.link.grey {
  cursor:auto;
}

span.link,
a.link {
  font-weight: bold;
  color: #6bba0d;
  padding-left: 20px;
}

.link.grey {
  color: #999 !important;
}

.link.blue {
  color: #6496b5;
}

.link.red {
  color: #e36154;
}

img.link {
  cursor:pointer;
}

a.extern {
  background: url(/images/icons/link_extern.png) right center no-repeat;
  padding-right:18px;
}

a.extern:hover,
a.extern:active {
  background: url(/images/icons/link_extern_hover.png) right center no-repeat;
}

span.link.add,
a.link.add {
  background: url(/images/icons/add.png) left center no-repeat;
  margin-right:8px;
}

span.link.cancel,
a.link.cancel {background: url(/images/icons/cancel.png) left center no-repeat;}
span.link.cookbook,
a.link.cookbook {background: url(/images/icons/book.png) left center no-repeat;}
span.link.cookbook_update,
a.link.cookbook_update {background: url(/images/icons/book_refresh.png) left center no-repeat;}
span.link.delete,
a.link.delete {background: url(/images/icons/bin.png) -2px center no-repeat;}
span.link.edit, 
a.link.edit {background: url(/images/icons/pencil.png) left center no-repeat;}
span.link.deploy, 
a.link.deploy {background: url(/images/icons/deploy.png) left center no-repeat;}
span.link.package_install,
a.link.package_install {background: url(/images/icons/package_install.png) left center no-repeat;}
span.link.package_refresh,
a.link.package_refresh {background: url(/images/icons/package_refresh.png) left center no-repeat;}
span.link.reboot,
a.link.reboot {background: url(/images/icons/reboot.png) left center no-repeat;}
span.link.refresh, 
a.link.refresh {background: url(/images/spinner.gif) right center no-repeat;}
span.link.save,
a.link.save {background: url(/images/icons/save.png) left center no-repeat;}

span.status-text {
  font-weight: bold;
  color: #999;
}
span.refresh-padded {
  background: url(/images/spinner.gif) right center no-repeat;
  padding-right: 20px;
}

span.link.ssh,
a.link.ssh {background: url(/images/icons/ssh.png) left center no-repeat;}
span.link.start,
a.link.start {background: url(/images/icons/start.png) left center no-repeat;}
span.link.stop,
a.link.stop {background: url(/images/icons/stop.png) left center no-repeat;}
span.link.update,
a.link.update {background: url(/images/icons/refresh.png) left center no-repeat;}

#snd-nav .sf-menu li span.actions {
  background: url(/images/icons/bullet_arrow_down.png) left center no-repeat;
  min-width: 44px;
}

/* ############# */
/* VERTICAL MENU */
/* ############# */

ul.vertical-menu {
  margin-right:16px;
}

ul.vertical-menu li {
  padding:8px;
  margin:0px;
  background:none;
  list-style:none;
  border-bottom:1px solid #B7DFE1;
  font-weight:bold;
}

ul.vertical-menu li:first-child {
  border-top:1px solid #B7DFE1;
}

ul.vertical-menu li a {
  color:#373737;
}

ul.vertical-menu li a:visited {
  color:#373737;
}

ul.vertical-menu li a:active,
ul.vertical-menu li a:focus,
ul.vertical-menu li a:hover,
ul.vertical-menu li a.active {
  text-decoration:none;
  color:#62A836;
}


/* ############### */
/* HORIZONTAL MENU */
/* ############### */

ul.horizontal-menu {
}

#header ul.horizontal-menu {
  float:right;
}

#footer ul.horizontal-menu {
  display:inline-block;
  margin:0 auto;
}

ul.horizontal-menu li {
  float:left;
  padding:8px;
  margin:0px;
  background:none;
  list-style:none;
  font-weight:bold;
}

#footer ul.horizontal-menu li {
  margin-top:25px;
}

#header ul.horizontal-menu li a {
  color:#FFFFFF;
}

#header ul.horizontal-menu li a:visited {
  color:#FFFFFF;
}

#header ul.horizontal-menu li a:active,
#header ul.horizontal-menu li a:focus,
#header ul.horizontal-menu li a:hover {
  text-decoration:underline;
  color:#FFFFFF;
}

#footer ul.horizontal-menu li a {
  color:#999999;
}

#footer ul.horizontal-menu li a:visited {
  color:#999999;
}

#footer ul.horizontal-menu li a:active,
#footer ul.horizontal-menu li a:focus,
#footer ul.horizontal-menu li a:hover {
  text-decoration:none;
  color:#62A836;
}

/* ############ */
/* FORMS DESIGN */
/* ############ */

fieldset {
  border: none;
}

legend {
  font-size:14px;
  font-weight:bold;
  padding-bottom:16px;
  color:#6bba0d;
}

label {
  display:block;
  padding:12px 0 2px;
  width:100%;
  clear:left;
}

h2 + label {
  padding-top:0px;
}

label.inline,
table label {
  display:inline-block;
  clear:none;
  width:auto;
  padding:0;
}

form br {
  clear:left;
}

/* Error Stuff */

#errorExplanation {
  border: 1px solid #B72025;
  background: #FAF4F4 !important;
  padding: 8px 8px 12px 8px;
  margin:0 8px 20px 8px;
}

#errorExplanation h2 {
/*  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 8px;
  font-size: 16px;
  background-color: #B72025;
  color: #FFF;*/
  display: none;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 8px;
  font-size: 14px;
  font-weight: bold;
}

#errorExplanation ul li {
  font-size: 14px;
  font-weight: bold;
  list-style: square;
  list-style-position: inside;
  margin:0;
  padding:0 0 8px 10px;
  color: #333;
  background: none;
  border: none;
}

.fieldWithErrors,
.nopadding {
  padding:0 !important; 
  display: inline;
}

.fieldWithErrors label{
  color:#B72025;
}

input[type=hidden]{
  border:none !important;
  background:none !important;
  display:none;
}

input,
textarea {
  display:block;
  position:relative;
  padding:4px;
  border:1px solid #ccc;
  width:100%;
}

.fieldWithErrors input,
.fieldWithErrors textarea,
.fieldWithErrors select {
  border:1px solid #B72025 !important;
  background: #FAF4F4 !important;
}

input:focus,
input:hover,
input:active,
textarea:focus,
textarea:hover,
textarea:active {
  border:1px solid #999;
}

select {
  display:block;
  position:relative;
  padding:3px 4px 3px 0px;
  width:100%;
  border:1px solid #ccc;
  cursor:pointer;
}

select:focus,
select:hover,
select:active {
  border:1px solid #999;
}

select optgroup {
  font-style:normal;
  font-weight:bold;
}

/* Styling of buttons */
input[type="submit"] {
  width:auto !important;
  cursor:pointer;
  float:right;
  color:#FFF;
  font-size: 14px;
  font-weight: bold;
  background:#6bba0d;
  border:1px #6bba0d solid;
  margin: 0px 8px 8px 16px;
  padding:6px 12px;
}

input[type="submit"].greybutton {
  margin-left:8px;
}

td input[type="submit"] {
  margin-bottom:0px;
  margin-right:-8px;
}

td input[type="submit"].greybutton {
  margin-left:-8px;
}

input[type="checkbox"] {
  display:inline-block;
  border:none;
  width:14px !important;
  float:left;
  margin-right:8px;
}

input[type="checkbox"].left {
  float:right;
  margin-left:8px;
}

input[type="radio"] {
  display:inline-block;
  border:none;
  width:14px !important;
  float:left;
  margin-right:8px;
}

.hidden input[type="submit"] {
  float:none;
}

input[type="submit"].greybutton {
  border:1px #CCC solid;
  background:#CCC;
  float:left;
}

input[type="submit"]:focus,
input[type="submit"]:hover,
input[type="submit"]:active {
  background:#FFF;
  color:#6bba0d;
  border:1px #6bba0d solid;
}

/* Inline Edit Stuff */

.inlineedit:focus,
.inlineedit:hover,
.inlineedit:active {
  background: url(/images/icons/pencil.png) no-repeat right center;
}

.volume_list td.scalarium-live-table-c2 {
  text-align:right;
}

.volume_list td.scalarium-live-table-c2 .inlineedit:focus,
.volume_list td.scalarium-live-table-c2 .inlineedit:hover,
.volume_list td.scalarium-live-table-c2 .inlineedit:active {
  background: url(/images/icons/pencil.png) no-repeat left center;
}

.table input,
.table textarea {
  /* width:97% !important; /*not nice but works - kind of */
}

.table tfoot input,
.table tfoot textarea {
  width:auto !important;
}

/* all the width stuff of form elements */

.width_4 input,
.width_4 textarea {
  width: 294px;
}

.input_icon.reload {
  width:28px;
  height:27px;
  float:right;
  background:url(/images/icons/refresh.png) center no-repeat;
}

.width_4 select {width: 304px;}

/* ############################################### */
/* BOX ELEMENT - Instances, Confirm, Warnings, ... */
/* ############################################### */

div.box {
  background-color:#d9f1f4;
  border-bottom:1px solid #B7DFE1;
  padding: 0px;
  float:left;
  margin-right:8px;
  margin-bottom:16px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  overflow:hidden;
  max-width:232px;
  width:232px;
}

.boxes-full-width div.box {
  width:auto;
  max-width:960px;
  float:none;
  margin-right:0px;
  padding:16px;
  margin-bottom:0px;
}

div.box.blue {
  background-color:#d9f1f4;
  border-bottom:1px solid #6496b5;
}

div.box.red {
  background-color:#fdece9;
  border-bottom:1px solid #e36154;
}

div.box_details {
  clear: both;
  width: auto;
  padding: 8px;
  margin: 0 8px 8px 8px;
  background: #FFF;
  overflow:hidden;
}

div.blue div.box_details {
  background: #d9f1f4;
  color: #6496b5;
}

div.red div.box_details {
  background: #fdece9;
  color: #e36154;
}

div.box_actions {
  width: 100%;
  background:#CCCCCC;
  padding: 8px;
  float:left;
  margin: 0px;
  border-top:1px solid #ccc;
  min-height: 30px;
  max-height: 30px;
  overflow:hidden;
  font-weight:bold;
}

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

div.last_in_line {
  margin-right:0px;
}

span.status {
  cursor: pointer;
  float:right;
  font-weight:bold;
  padding:2px 16px 1px 0px;
  color:#666;
  margin:8px;
  height:16px;
}

span.green_status {
  background: url(/images/icons/status_green.png) right center no-repeat;
}

span.red_status {
  background: url(/images/icons/status_red.png) right center no-repeat;
}

span.orange_status {
  background: url(/images/icons/status_orange.png) right center no-repeat;
}

span.grey_status {
  background: url(/images/icons/status_grey.png) right center no-repeat;
}

span.dashboard_status {
  font-weight:bold;
  padding:2px 0px 1px 20px;
  margin-right:16px;
  height:16px;
}

span.dashboard_green_status {
  background: url(/images/icons/status_green.png) left center no-repeat;
}

span.dashboard_red_status {
  background: url(/images/icons/status_red.png) left center no-repeat;
}

span.dashboard_orange_status {
  background: url(/images/icons/status_orange.png) left center no-repeat;
}

span.dashboard_grey_status {
  background: url(/images/icons/status_grey.png) left center no-repeat;
}

span.status_preview {
  cursor: pointer;
  padding: 2px 8px 2px 8px;
  margin: 1px;
  float: left;
  height: 12px;
}

span.box_preview {
  cursor:pointer;
  width:16px;
  height:16px;
  float:left;
  display:block;
  margin-right:2px;
}

div.box h3 {
  color:#333;
  padding-bottom:0px;
  margin:8px 8px 9px 16px;
	display:inline-block;
}

/* confirm stuff */
.boxes-full-width div.box h3 {
  margin:0px 0px 8px 0px;
}

/* deploy logs */
.boxes-full-width.log div.box h3 {
  margin:8px 8px 8px 16px;
}

div.table h3 {
  margin:8px 0px 8px 12px;
  padding-bottom:0px;
  color:#333;
  display:inline-block;
}

div.box.blue h3 {
  color:#6496b5;
}

div.box.red h3 {
  color:#e36154;
}

div.box table {
  padding:0;
}

.box hr {
  background: #B7DFE1;
  margin: 8px 0px;
}

.box.blue hr {
  background: #6496b5;
  margin: 8px 0px;
}

.box.red hr {
  background: #e36154;
  margin: 8px 0px;
}

.box .column {
  padding-bottom:0;
}

.working_spinner {
  position:absolute;
  height:auto;
  width:auto;
  background: url("/images/semi_transparent_pixel.png") repeat;
  font-size:32px;
  font-weight:bold;
  color:#333;
  text-align:center;
  margin:auto;
  display:none;
  padding-top:8px;
}

.working_spinner img {
  position:relative;
  top:50%;
  margin-top:-16px;
}

/* ############ */
/* TABLE DESING */
/* ############ */

p.first_column,
td.first_column {
  color:#999;
  padding-right:8px;
	vertical-align:top;
}

td.padding-right {
  padding-right:8px;
}

div.table {
  border-top:8px solid #d9f1f4;
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  -webkit-border-top-left-radius:4px;
  -webkit-border-top-right-radius:4px;
  border-bottom:1px solid #B7DFE1;
  padding:0 12px 12px;
  margin-bottom:16px;
  background:#d9f1f4;
}

div.table.green {
  border-top:8px solid #E3F3C2;
  border-bottom:1px solid #6bba0d;
  background:#E3F3C2;
}

div.table table,
div.table2 table {
  text-align:left;
  width:100%;
  border-collapse:collapse;
  table-layout:auto;
}

div.table table thead {
  background:#d9f1f4;
}

div.table.green table thead {
  background:#E3F3C2;
}

div.table table thead tr {
  border-left:8px solid #d9f1f4;
  border-right:8px solid #d9f1f4;
}

div.table.green table thead tr {
  border-left:8px solid #E3F3C2;
  border-right:8px solid #E3F3C2;
}

div.table table th,
div.table table td {
  padding:8px 8px 6px 8px;
  height:16px;
  line-height: 16px;
}

div.table table tbody {
  background:#FFF;
  border-bottom:2px solid #FFF;
}

div.table table tfoot {
  background:#FFF;
}

div.table table tbody tr {
  border-bottom: 1px solid lightblue;
  border-left:8px solid #FFFFFF;
  border-right:8px solid #FFFFFF;
}

div.table.green table tbody tr {
  border-bottom: 1px solid #6bba0d;
}

div.table table tr.blue_line {
  border-left:8px solid #D9F1F4;
  border-right:8px solid #D9F1F4;
  background: #D9F1F4;
  border-bottom: none;
}

div.table table tr.blue_line td {
  height:0px;
}

div.table table tfoot tr {
  border-left:8px solid #FFFFFF;
  border-right:8px solid #FFFFFF;
}

/* 2nd table layout */

div.table2 table thead {
  background-color:#D9F1F4;
  color:#373737;
}

div.table2 table thead th:first-child {
}

div.table2 table thead th:last-child {
}

div.table2 table th {
  border-bottom: 1px solid #B7DFE1;
  padding:4px 4px 2px 4px;
}

div.table2 table tbody tr:first-child td {
  padding-top:4px;
}

div.table2 table tbody tr td.bold {
  font-weight:bold;
}

div.table2 table td {
  border-bottom: 1px dotted lightgrey;
  padding:2px 4px;
  vertical-align:top;
}

div.table2 table tr:hover {
  
}


/* Table Tabs */

div.tabs {
  background-color:white;
  font-weight:bold;
  position:relative;
}

div.table.with_tabs {
  -moz-border-radius-topleft:0px;
  -webkit-border-top-left-radius:0px;
}

div.tabs div {
  display:inline-block;
  -webkit-border-top-left-radius:4px;
  -webkit-border-top-right-radius:4px;
  -moz-border-radius-topright:4px;
  -moz-border-radius-topleft:4px;
  padding:16px 16px 6px 8px;
  margin-right:8px;
  padding-left:16px;
}

div.tabs div.active {
  background:#d9f1f4;
}

div.tabs div.active {
  background:#E3F3C2;
}

div.tabs div.inactive {
  background:#ECECEC url(/images/background_inactive_tab.png) repeat-x bottom left;
}

div.tabs div.inactive a {
  color:#999;
}

div.tabs div.tab_first {
  padding-left:24px;
}

/* #################### */
/* NOTICE: WARNING, ETC */
/* #################### */

.flashnotice_background {
  background:white;
  padding:16px 18px 0px 18px;
  width:944px;
  display:inline-block;
}

.flashnotice {
  background:#fff9c5;
  min-height:16px;
  margin:0px 0px 16px 0px;
  padding:10px 8px 8px 8px;
  color:#ec8330;
  font-weight:bold;
  border:1px solid #ffd64c;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.column > .flashnotice {
  margin-left:8px;
  margin-right:8px;
}

.flashnotice a {
  height:16px;
  color:#ec8330;
}

.flashnotice a.text-link {
  text-decoration:underline;
}

.notice-info {
  border-left: 1px solid #B7DFE1;
  background: #d9f1f4;
  padding: 8px;
  margin-bottom: 8px;
}

.notice-warning {
  border-left:1px solid orange;
  background: lightYellow;
  padding:8px;
  margin-bottom: 8px;
}

.notice-error {
  border-left: 1px solid #B72025;
  background: #FAF4F4;
  padding: 8px;
  margin-bottom: 8px;
}

.notice-success {
  border-left:1px solid #89CD60;
  background: #EFFFE5;
  padding:8px;
  margin-bottom: 8px;
}

/* #################### */
/* SUPERFISH NAVIGATION */
/* #################### */
	
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sf-menu {
  line-height: 1.0;
}

.sf-menu ul {
  position: absolute;
  top: -999em;
  width: 10em; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
  width: auto;
}

.sf-menu li:hover {
  visibility: inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li {
  float: left;
  position: relative;
}

.sf-menu a {
  display: block;
  position: relative;
}

#nav .sf-menu li:hover ul,
#nav .sf-menu li.sfHover ul {
  left: 0;
  top: 31px; /* match top ul list item height */
  z-index: 99;
  background-color:white;
}

#snd-nav .sf-menu li:hover ul,
#snd-nav .sf-menu li.sfHover ul {
  left: -1px;
  top: 27px; /* match top ul list item height */
  z-index: 99;
  background-color:white;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top: -999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left: 10em; /* match ul width */
  top: 0;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top: -999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left: 10em; /* match ul width */
  top: 0;
}

/*** SKIN ***/
#nav {
  font-weight: bold;
	font-size:14px;
  letter-spacing: 1px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  background: #b1df61 url(/images/background_nav_tab.png) repeat-x scroll bottom left;
  height: 43px;
  width: 980px;
}

#snd-nav {
  width: 944px;
  margin:8px;
  border-bottom:1px solid #999;
}

#snd-nav h2 {
  display:inline;
  line-height: 32px;
}

#nav .active {
  color: #6bba0d !important;
  background: white !important;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
}

#nav .sf-menu {
  float: left;
  letter-spacing: 1px;
  margin-left: 18px;
}

#snd-nav .sf-menu {
  float:right;
}

.sf-menu a {
  padding: 9px 10px 8px 10px;
  text-decoration:none;
  background: #b1df61 url(/images/background_tab.png) repeat-x scroll bottom left;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
}

#snd-nav .sf-menu a {
  background-color:white;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  padding-left: 20px;
  padding-top: 6px;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
  color: #FFF;
}

.sf-menu li li a, .sf-menu li li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
  color: #6bba0d;
}

#snd-nav .sf-menu li a, #snd-nav .sf-menu li a:visited,
#snd-nav .sf-menu li li a, #snd-nav .sf-menu li li a:visited {
  color: #6bba0d;
}

#nav .sf-menu li {
  background: #6bba0d;
}

.sf-menu li {
	margin: 12px 8px 0 0;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
}

#snd-nav .sf-menu li {
  padding-left: 8px;
  margin: 0;
  background-color:white;
  border-right: 1px solid white;
  border-top: 1px solid white;
  border-left: 1px solid white;
}

#snd-nav .sf-menu li span {
  margin: 0px 8px 0 0;
  padding: 8px 10px 6px 20px;
  display: block;
  color: #6BBA0D;
  font-weight: bold;
}

.sf-menu li a:hover,
.sf-menu li a:focus,
.sf-menu li a:active,
.sf-menu li.sfHover a {
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
}

.sf-menu li li,
.sf-menu li.sfHover li a {
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
}

.sf-menu li li {
	margin: 0;
	font-size:12px;
}

#nav .sf-menu li:hover,
#nav .sf-menu li.sfHover a,
#nav .sf-menu a:focus,
#nav .sf-menu a:hover,
#nav .sf-menu a:active {
  background: #FFF;
  color: #6bba0d !important;
  outline: 0;
}

#nav .sf-menu li.sfHover {
  -webkit-box-shadow: 0px 3px 5px #888;
  -moz-box-shadow: 0px 3px 5px #888;
}

#nav .sf-menu li.sfHover ul li {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

#snd-nav .sf-menu li:hover,
#snd-nav .sf-menu li.sfHover a,
#snd-nav .sf-menu a:focus,
#snd-nav .sf-menu a:hover,
#snd-nav .sf-menu a:active {
  color: #6bba0d !important;
  outline: 0;
}

#snd-nav .sf-menu li.sfHover ul {
  border: 1px solid grey;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
}

#snd-nav li div.dirty-hack {
  background:white;
  height:3px;
  margin-left:-8px;
  position:relative;
  z-index:999;
}

#snd-nav .sf-menu li.sfHover:last-child {
  -webkit-box-shadow: 0px 3px 5px #888;
  -moz-box-shadow: 0px 3px 5px #888;
  border-top: 1px solid grey;
  border-right: 1px solid grey;
  border-left: 1px solid grey;
  border-bottom: none;
  height:27px;
}

#snd-nav .sf-menu li.sfHover:last-child ul li {
  border:none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  height:27px;
}

#snd-nav .sf-menu li ul li:last-child {
  margin-bottom:4px;
}

#snd-nav .sf-menu li ul li:first-child {
  margin-top:4px;
}

.sf-menu a:hover {
  text-decoration: underline;
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
  background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
  background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
  -webkit-box-shadow: 0px 3px 5px #888;
  -moz-box-shadow: 0px 3px 5px #888;
}



.sf-shadow ul.sf-shadow-off {
  background: transparent;
}

/*** arrows **/

.sf-menu a.sf-with-ul {
  padding-right: 2.25em;
  min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
  position: absolute;
  display: block;
  right: .75em;
  top: 1.05em; /* IE6 only */
  width: 10px;
  height: 10px;
  text-indent: -999em;
  overflow: hidden;
  background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
  top: .8em;
  background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* ############ */
/* AutoComplete */
/* ############ */

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #6bba0d;
	color: white;
}

/* ################# */
/* TipTip - Tooltips */
/* ################# */

span.tooltip {
  background: url(/images/icons/information.png) center right no-repeat;
  margin:0px 4px;
  padding-right:16px;
}

span.tooltip.link {
  margin:0;
  padding-right:0;
}

#tiptip_holder {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
}

#tiptip_holder.tip_top {
  padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
  padding-top: 5px;
}

#tiptip_holder.tip_right {
  padding-left: 5px;
}

#tiptip_holder.tip_left {
  padding-right: 5px;
}

#tiptip_content {
  font-size: 11px;
  color: #fff;
  text-shadow: 0 0 2px #000;
  padding: 4px 8px;
  border: 1px solid rgba(255,255,255,0.25);
  background-color: rgb(25,25,25);
  background-color: rgba(25,25,25,0.92);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0 0 3px #555;
  -webkit-box-shadow: 0 0 3px #555;
  -moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
  position: absolute;
  border-color: transparent;
  border-style: solid;
  border-width: 6px;
  height: 0;
  width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
  border-top-color: #fff;
  border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
  border-bottom-color: #fff;
  border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
  border-right-color: #fff;
  border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
  border-left-color: #fff;
  border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
  margin-top: -7px;
  margin-left: -6px;
  border-top-color: rgb(25,25,25);
  border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
  margin-top: -5px;
  margin-left: -6px;
  border-bottom-color: rgb(25,25,25);
  border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
  margin-top: -6px;
  margin-left: -5px;
  border-right-color: rgb(25,25,25);
  border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
  margin-top: -6px;
  margin-left: -7px;
  border-left-color: rgb(25,25,25);
  border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {  
  #tiptip_content {
    padding: 4px 8px 5px 8px;
    background-color: rgba(45,45,45,0.88);
  }
  #tiptip_holder.tip_bottom #tiptip_arrow_inner { 
    border-bottom-color: rgba(45,45,45,0.88);
  }
  #tiptip_holder.tip_top #tiptip_arrow_inner { 
    border-top-color: rgba(20,20,20,0.92);
  }
}

#tender_window {
  top: 70px;
}