/* BOZO !! Refact! */
* {
  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;
}

img {
  border:         none;
  vertical-align: text-top;
}

/* Flash */
div.flash {
  display:                            none;
  width:                              95%;
  padding:                            10px;
  margin:                             20px 0 0px 300px;
  font-size:                          .5em;
  color:                              #fff;
  border:                             1px #92b948 solid;
  -moz-border-radius:                 20px 0px 20px 0px;
  -webkit-border-top-right-radius:    20px;  
  -webkit-border-top-left-radius:     0px;  
  -webkit-border-bottom-left-radius:  20px;
  -webkit-border-bottom-right-radius: 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;
}

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

div#version {
  color:          #4d7bff;
  font-size:      .4em;
  margin:         64px 0px 0px 255px;
}

img#logo {
  display: inline;
  float:  left;
}


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

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

a {
  text-decoration: none;
  color:           #c1c1c1;
}
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 */

ul.host_info {
  font-size: 0.5em;
  color:     #c1c1c1;
  float:     left;
}
span {
  color:     #c1c1c1;
  font-size: 1.0em;
}
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;
}

.overlay {
  display:                        none;
  z-index:                        10000;
  background:                     #767c6b;
  border:                         1px #afdb5a solid;
  color:                          #fff;
  width:                          650px;
  min-height:                     400px;
  -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:    445px; 
  width:     255px;
} 
div.scrollable div.items {
  width:    255px;
  position: absolute;  
  height:   20000em; 
}

#actions {
  font-size: 0.5em;
  width:     255px;
  height:    15px;
	margin:    7px 0 1px 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;
}	

/* Commons */
div.borders {
  -moz-border-radius:    7px;
  -webkit-border-radius: 7px;
  border:                1px #92b948 solid;  
}

/* Explorer css */
div#landscape {
  width:                          615px;
  height:                         550px;
  float:                          left;
}

div#right {
  margin-left:                    625px;
  padding:                        10px;
  width:                          254px;
  height:                         530px;
}


/* 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:             7px;
  -webkit-border-radius:          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:  25%;
}

p.ctx {
  font-size:  0.7em;
  text-align: right;
}
p.ctx span {
  color: #92b948;
} 

div.table {
/*  padding: 10px;*/
}

table.cltn {
  color:           #a1a1a1;
  width:           100%;
  border-collapse: collapse;
  text-align:      left;
}
table.cltn thead {
  font-weight:   bold;
  border-bottom: 1px #c1c1c1 solid;
  color:         #ff8f00;
}
table.cltn tbody td {
  padding: 0px 5px 0px 0px;
}
table.cltn tbody tr {
  color: #c1c1c1;
}
table.cltn tr.highlight {
  color:  #92b948;
  cursor: pointer;
}

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

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

/* Indexes... */
div#indexes {
  margin: 10px 0px;
}
fieldset.sep {
  margin-top: 10px;
  padding:    0 0 0 20px;
  border-top: 1px #434343 solid;
}
fieldset.sep legend {
  color:     #fff;
  padding:   0 5px;
  font-size: 1.2em;
}
img.del_index {
  display:none;
}

input.search {
  background:            transparent url(/images/search.png) no-repeat 2px 6px;  
  width:                 96%;
  border:                2px #434343 solid;
  -moz-border-radius:    40px/10px;
  -webkit-border-radius: 40px 10px;
  height:                25px;
  font-size:             1.2em;
  color:                 #92b948;
  padding:               5px 0px 0px 20px;
  margin:                5px 5px;
}

button {
  -moz-border-radius:    14px;  
  -moz-box-shadow:       2px 2px 6px #232323;
  -webkit-border-radius: 14px;  
  -webkit-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 {
  font-size:             0.6em;
	background-color:      #212021;
	display:               none;
	width:                 350px;
	padding:               15px;
	text-align:            center;
	border:                2px solid #333;
	opacity:               0.8;
	-moz-border-radius:    6px;
	-moz-box-shadow:       0 0 20px #92b948;	
	-webkit-border-radius: 6px;
	-webkit-box-shadow:    0 0 20px #92b948;
}

/* Node details */
div#wrap {
  font-size: 0.7em;
}

/* Node info */
span#log {
  color:     #92b948;
  font-size: 0.5em;
}

div#info {
  min-height: 520px;
}

/* Node information */
div.item img.drop {
  z-index:      100;
  display:      none;
  float:        left;
  margin-right: 10px;
}

p.info {
  float:left;
}

p.show {
  float: left;
}
img.info {
  display: block;
  float: right;
}

div#legend {
  border-bottom: 1px #434343 solid;
  font-size:     0.5em;
  color:         #92b948;
  overflow:      hidden;
}
div#legend_link {
  text-align:  right;
  width:       15%;
  float:       right;
  font-size:   .7em;
  padding-top: 7px;
}

div.items {
  margin-top:10px;
}

div.item {
  border-top: 1px #bcffca solid;
  height:     30px;
  width:      100%;
  font-size:  .4em;
  cursor:     pointer;
  z-index:    1;
}
div.selected {
  background-image: url(/images/selected_bg.png);
  color: #92b948;
}

/* Users */
input.field_border {
  -moz-border-radius:       40px/10px;
  -webkit-border-radius:    40px 10px;  
}

input.user {
  background:                     transparent;  
  width:                          200px;
  border:                         2px #434343 solid;
  height:                         25px;
  font-size:                      1.2em;
  color:                          #92b948;
  padding:                        5px 0px 0px 5px;
  margin:                         5px 5px;
}

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

/* ------------------------------------------------------------------------- */
/* Tooltips */
#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(45,45,45);
	background-color: rgba(45,45,45,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	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(45,45,45);
	border-top-color: rgba(45,45,45,0.92);
}

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

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

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(45,45,45);
	border-left-color: rgba(45,45,45,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);
	}
}

/* ------------------------------------------------------------------------- */
/* Document Tree */
span span.meta {
  font-style: italic;
  color:      #c1c1c1;   
}

div.delete {
  display: inline;
  float:   right;
  width:   5%;
}

