* {
  outline-color: invert;
  outline-style: none;
  outline-width: medium;
  margin:        0px;
  padding:       0px;
}             

body {
	font-family:      "Trebuchet","Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms","verdana";	
  background:       #212021 url(../images/header.png) repeat-x top left;
	color:            #fff;
  font-size:        2em;
	font-size-adjust: none;
	font-stretch:     normal;
	font-style:       normal;
	font-variant:     normal;
	font-weight:      normal;
  margin:           0;
}

div.flash {
  display:                        none;
  padding:                        10px;
  font-size:                      .8em;
  color:                          #fff;
  border:                         1px #92b948 solid;
  -moz-border-radius-bottomleft:  0px;
  -moz-border-radius-topleft:     20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-topright:    0px;  
}
div.flash_error {
  color:  #f00;  
  border: 1px #f00 solid;  
}
div.flash_info {
  color:  #fff;  
  border: 1px #92b948 solid;  
}

#overall {
  margin:        5px auto;
  width:         950px;
  overflow:      none;
}

span#log {
  color: #ff9d2a;
}

div#logo {
  float:         left;
  width:         45%;
  margin:        10px 0px 25px 20px;
}

#main {
  clear:    left;
  margin:   20px 10px 10px 20px;
  overflow: none;
}

ul {
  list-style-image:    none;
  list-style-position: outside;
  list-style-type:     none;
}

a {
  text-decoration: none;
  color:           #434343;
}
a:hover {
  color: #92b948;
}

div#crumbs {
  margin:    0px 0px 10px 0px;
  color:     #c1c1c1;
  font-size: 0.5em;
}

a.info {
  cursor:    pointer;
  font-size: .9em;
  color:     #f4f4f4;
}
a.info:hover {
  border-bottom: 3px #92b948 solid;
  color:         #92b948;  
}

span.crumb {
  font-size: 1em;
  cursor: pointer;
}
span.crumb:hover {
  border-bottom: 3px #92b948 solid;
  color:         #92b948;
}
span.selected {
  color: #92b948;
}


p.title {
  font-size: 1.2em;
  color:     #c1c1c1;
}
p.title span{
  font-size:     1em;
  margin-bottom: 10px;
  color:         #c1c1c1;
}

/* ---------------------------------------------------------------------------- */
/* Common */

div.item {
  border-top: 1px #1c1c1c solid;
  padding:    10px 0px 0px 0px;
  height:     100px;
  clear:      both;
  width:      100%;
}

div.item .tag {
  float:left;
}

div.item .lock {
  float: right;
  width: 5%;
  color: #434343;
}

div.selected {
  background: transparent url(/images/li_select.png) repeat-x;
  cursor: pointer;
}
ul.host_info {
  font-size: 0.5em;
  color:     #c1c1c1;
  float:     left;
}
span {
  color:     #c1c1c1;
  font-size: 0.5em;
}
p.heading {
  width: 80%;
  float: left;
}

div.content {
  font-size: 1em;
  color:     #434343;
}

/* ---------------------------------------------------------------------------- */
/* Overlay */

div#details {
  padding:                        0px 10px;
  margin-top:                     7px;
  display:                        none;
  font-size:                      0.5em;
  color:                          #fff;
  background:                     #1c1c1c;
  border:                         1px #92b948 solid;
  -moz-border-radius-bottomleft:  7px;
  -moz-border-radius-topleft:     7px;
  -moz-border-radius-bottomright: 7px;
  -moz-border-radius-topright:    7px;  
}

.overlay {
  display:                        none;
  z-index:                        10000;
  background:                     #767c6b;
  border:                         1px #afdb5a solid;
  color:                          #fff;
  width:                          650px;
  min-height:                     400px;
  -moz-border-radius-bottomleft:  7px;
  -moz-border-radius-topleft:     7px;
  -moz-border-radius-bottomright: 7px;
  -moz-border-radius-topright:    7px;  
  -moz-box-shadow:                0 0 90px 5px #000;
  -webkit-box-shadow:             0 0 90px #000;
} 
.overlay .close {
  background-image:  url(../images/close.png);
  position:          absolute;
  right:             -15px;
  top:               -15px;
  cursor:            pointer;
  height:            35px;
  width:             35px;
}
  
/* ---------------------------------------------------------------------------- */
/* Scrollers */

div.scrollable { 
  position:  relative; 
  overflow:  hidden; 
  height:    440px; 
} 
 
div.scrollable div.items { 
  width:800px;
  position:absolute;  
  height:20000em; 
}

#actions {
	width:800px;
	margin:30px 0 10px 0;	
}

#actions a {
	font-size:       0.6em;
	text-decoration: none;
	cursor:          pointer;
	color:           #c1c1c1;
}

#actions a:hover {
	text-decoration: underline;
	color:           #92b948;
}

.disabled {
	visibility:hidden;		
}

.nextPage {
	float:right;
}	


/* Explorer css */
div#landscape {
  width:                          615px;
  height:                         550px;
  -moz-border-radius-bottomleft:  7px;
  -moz-border-radius-topleft:     7px;
  -moz-border-radius-bottomright: 7px;
  -moz-border-radius-topright:    7px;  
  border:                         1px #92b948 solid;
  float:                          left;
}

div#right {
  margin-left:                    625px;
  padding:                        10px;
  width:                          254px;
  height:                         530px;
  -moz-border-radius-bottomleft:  7px;
  -moz-border-radius-topleft:     7px;
  -moz-border-radius-bottomright: 7px;
  -moz-border-radius-topright:    7px;  
  border:                         1px #92b948 solid;
}


/* Tree nodes */
span.what {
  font-size: .4em;
  color:     #92b946;
  text-align:center;
}
.edge {
  color:   #434343;
  z-index: 0;
}
.node {
  color:     #fff;
  font-size: 0.3em;
  cursor:    pointer;
  z-index:   100;  
}
.level_0 {
  font-weight: bold;
}
.level_1 {
}
.level_2 { 
  color: #c1c1c1;
}
.level_3 {
  color: #5273ff;
}

/* Pagination collections */
div.cltn {
  font-size: 0.4em;
}

div.no_items {
  margin-top: 30px;
  color:      #ff8f00;
  font-size:  1.5em;
  text-align: center;
}

div#fields {
  margin:                         20px 10px;
  padding:                        10px 10px;
  overflow:                       hidden;
  -moz-border-radius-bottomleft:  7px;
  -moz-border-radius-topleft:     7px;
  -moz-border-radius-bottomright: 7px;
  -moz-border-radius-topright:    7px;  
  border:                         1px #92b948 solid;    
}
div.title {
  text-align: center;
  font-size:  2em;
}

a.back {
  font-size: 1.2em;
}

fieldset {
  border: none;
}
fieldset.check {
  float:  left;
  width:  20%;
}

div.table {
  padding:                        10px;
  -moz-border-radius-bottomleft:  7px;
  -moz-border-radius-topleft:     7px;
  -moz-border-radius-bottomright: 7px;
  -moz-border-radius-topright:    7px;  
  border:                         1px #92b948 solid;    
}

table.cltn {
  color:           #a1a1a1;
  width:           100%;
  border-collapse: collapse;
  text-align:      left;
}
table.cltn thead {
  font-weight:   bold;
  border-bottom: 1px #c1c1c1 solid;
  color:         #c1c1c1;
}
table.cltn tr {
  color: #fff;
}
table.cltn tr.highlight {
  color: #92b948;
}

div.cltn div#summary {
  font-size:  .8em;
  text-align: right;
  margin:     10px 10px;
}

div.cltn div#links {
  margin:     10px 0px;
  text-align: center;
}

input.search {
  background:                     #fff url(/images/search.png) no-repeat 2px 6px;  
  width:                          80%;
  border:                         2px #434343 solid;
  -moz-border-radius-bottomleft:  5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-topleft:     5px;
  -moz-border-radius-topright:    5px;   
  height:                         25px;
  font-size:                      1.2em;
  color:                          #434343;
  padding:                        5px 0px 0px 20px;
}

button {
  -moz-border-radius-bottomleft:  14px;
  -moz-border-radius-bottomright: 14px;
  -moz-border-radius-topleft:     14px;
  -moz-border-radius-topright:    14px;
  -moz-box-shadow:                2px 2px 6px #232323;
  background:                     transparent url(/images/button.png) repeat-x center bottom;
  height:                         20px;
  width:                          100px;
  margin-right:                   10px;
  color:                          #c1c1c1;
}

button.show:hover {
  background-color: #ad1ecb;
}

button.search:hover {
  background-color: #92b948;
}

#tooltip { 
  display:    none; 
  background: transparent url(/images/tooltip/black_arrow.png); 
  font-size:  1em; 
  height:     70px; 
  width:      160px; 
  padding:    25px; 
  color:      #fff;     
}

input.no_input {
  color: #c1c1c1;
}

div#mgmt_actions {  
  text-align: right;
  width:      100%;
}
div#mgmt_actions span {
  font-size: 1em;
}

button.action {
  background: transparent url(/images/button_act.png) repeat-x center bottom;
}
button.clear:hover {
  background-color: #3e41bd;
}
button.drop:hover {
  background-color: #bb1947;
}

img.delete {
  cursor: pointer;
  border: 0;
  display:none;
}
img.wait {
  width:          16px;
  height:         16px;
  vertical-align: sub;
  display:        none;
}

.modal {
	background-color:      #212021;
	display:               none;
	width:                 350px;
	padding:               15px;
	text-align:            center;
	border:                2px solid #333;
	opacity:               0.8;
	-moz-border-radius:    6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow:       0 0 20px #92b948;
	-webkit-box-shadow:    0 0 20px #92b948;
}