/* 
	Virtana internal.zenoss-demo.com stylesheet
*/

body {
	background-color: #004;
	padding: 3px;
	margin:0;
	color: white;
}

.btn-link {
  /* Layout and Sizing */
  display: inline-block;       /* Allows padding and width modifications */
  padding: 12px 24px;          /* Vertical and horizontal spacing inside the button */
  
  /* Text Styling */
  color: #ffffff;              /* Text color */
  text-decoration: none;       /* Removes the default link underline */
  font-weight: bold;           /* Makes the text pop */
  text-align: center;          /* Centers text if button has fixed width */

  /* Button Aesthetics */
  background-color: #d0d;   /* Primary button color (Blue) */
  border-radius: 4px;          /* Rounds the corners slightly */
  
  /* Smooth Transition effect */
  transition: background-color 0.3s ease; 
}

/* Hover and Active Interactive States */
.btn-link:hover {
  background-color: #808;   /* Darker blue on hover */
}

.btn-link:active {
  background-color: #004085;
}

.btn-small {
/* Layout and Sizing */
  display: inline-block;       /* Allows padding and width modifications */
  padding: 2px 9px;          /* Vertical and horizontal spacing inside the button */
  
  /* Text Styling */
  color: #bbb;              /* Text color */
  text-decoration: none;       /* Removes the default link underline */
  font-weight: bold;           /* Makes the text pop */
  text-align: center;          /* Centers text if button has fixed width */

  /* Button Aesthetics */
  background-color: #444;   /* Primary button color (Blue) */
  border-radius: 2px;          /* Rounds the corners slightly */
  
  /* Smooth Transition effect */
  transition: background-color 0.3s ease; 
}

/* Hover and Active Interactive States */
.btn-small:hover {
  background-color: #777;   /* Darker blue on hover */
}

.btn-small:active {
  background-color: #004085;
}


footer {
    bottom:0;
    position:fixed;
    width:100%;
}

/* FORMS */
.form { p adding-left: 10px; p adding-bottom:10px;}
.form label{display: block; float: left; clear: both; width: 100px; padding: 0; margin: 5px 0 0; }
.form .form-note {display: block; margin: 0 135px 5px; text-align: left; }
.form .form-alarm { display: block; margin-bottom: -5px; color: red; text-align: left; }
.form input, .form textarea{ width:300px; margin:5px 2px 0 3px;}
.form select{margin:5px 2px 0 3px;}
.form input[type=submit], .form input[type=reset]{ margin-top: 15px;	width: auto; }
.form textarea { height:5em; }
.form .form-title { font-size:larger;font-weight:bold;}
.form a, .form a:active:link:visited, .form .tooltip { text-decoration:none; color:red;}
.form input[type=submit], .form input[type=reset]{ margin-top: 15px; width: auto; }

/* Tool Tips */
a.tooltip span { display: none; }
a.tooltip, a.tooltip:active:visited:link { color:blue; text-decoration: underline;}
a.tooltip:hover { position: relative; color:black; background-color:#CCF; text-decoration: none;}
a.tooltip:hover span {
    display: block;
    position: absolute;
    top:10px; left:0px;
    width: 225px;
    padding: 5px; margin: 10px; z-index: 100;
    padding-left: 25px;
    background-image: url('../images/icons/icon_info.gif');
    background-position: top left;
    background-repeat: no-repeat;
    b ackground-color: #f0f0f0; border: 1px dotted black;
    background-color: #DDD; border: 1px dotted black;
    o pacity: 0.9;
    font-size: 9pt;
    color: black;
    text-align: left; justify;
    text-decoration: none;
    font-style: normal;
    text-indent: 0px;
}

.nline {
  color: #55FF55;
  margin-bottom: .1em;
}
.fline {
  color: #FF5555;
  margin-bottom: .1em;
}