﻿.forcheckbox label {
	cursor: pointer;
	position: relative;
	top: -2px;
	margin: 0;
	padding: 0;
}

.label {  }
.failureLabel { font-size: 14px; color: Red; }
.criticalLabel { font-size: 14px; color: Red; }

.longtextbox {
  width: 325px;
}
.multilinetextbox {
  width: 188px;
  height: 80px;  
}

.button {
	font-weight: bold;
	padding-bottom: 5px;
}

#error { padding: 20px; text-align: center; }
#error img { vertical-align: middle; }
#error span { font-size: 12px; color: Red; }
.error-text { vertical-align: top; font-size: 16px; color: Red; padding: 5px; }
.error-text-small { color: Red; font-weight: bold; }
#success { width: 400px; padding: 20px; }
#success img { vertical-align: middle; }
.success-text { vertical-align: top; font-size: 14px; width: 300px; }

.verticalalign img { vertical-align: middle; }
.verticalalign span { vertical-align: top; }

.horizontalalign { text-align: center; }

.leftFloat { float: left; }
.rightFloat { float: right; }
.clearFloat { clear: both; float: none; }


/* ######## MENU ######## */
.menuItem {
  color: #fff;
}

.menuItem a {
  cursor: pointer;  
}

.menuItem #left{
  width: 3px;
  display: inline;
  background: url(images/menu/tab_normal_left.gif) no-repeat;
  height: 21px;
  position: relative;
  float: left;
}

.menuItem #mid {
  display: inline;
  background: url(images/menu/tab_normal.gif) repeat-x;
  height: 21px;
  position: relative;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
}
.menuItem #mid:hover {
  display: inline;
  background: url(images/menu/tab_hover.gif) repeat-x;
  height: 21px;
  position: relative;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
}


.menuItem #mid #text {
  position: relative;
  top: 6px;
  color: #666666;
}

.menuItem #right {
  width: 3px;
  display: inline;
  background: url(images/menu/tab_normal_right.gif) no-repeat;
  height: 21px;
  position: relative;
  float: left;
}

.menuItemSelected {
  color: #fff;
}

.menuItemSelected a {
  cursor: pointer;  
}

.menuItemSelected #left {
  width: 3px;
  display: inline;
  background: url(images/menu/tab_selected_left.gif) no-repeat;
  height: 21px;
  position: relative;
  float: left;
}

.menuItemSelected #mid,  .menuItemSelected #mid:hover{
  display: inline;
  background: url(images/menu/tab_selected.gif) repeat-x;
  height: 21px;
  position: relative;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
}

.menuItemSelected #right {
  width: 3px;
  display: inline;
  background: url(images/menu/tab_selected_right.gif) no-repeat;
  height: 21px;
  position: relative;
  float: left;
}
/* ######## END MENU ######## */
