xcat-core/xCAT-web/lib/style.css

#headingTable {
	margin: 0 20px 10px 20px;
	/* background-color: #002432; */
}

.TopMiddle { background: #FFF url(../images/top2.jpg) repeat-x top; }

/*
.TopTop { background: #FFF url(../images/toptop.jpg) repeat-x top; }

#top {
	margin: 0 auto 10px auto;
	padding: 0;
	color: #666;
	background: #FFF url(../images/top.jpg) repeat-x top;
	background-color: #002432;
	height: 65px;
}

#topleft {
	background: transparent url(../images/topl.jpg) no-repeat left;
	height: 81px;
}
#topright {
	background: transparent url(../images/topr.jpg) no-repeat right;
	float: right;
	height: 81px;
	width: 18px;
}
*/

#xcatImage {
	margin: 3px 8px 5px 0px;
	}


/* The next 7 (or so) classes are for the menu at the top of each window.
   See lib/functions.php insertMenus() for the code that uses these. */

.MenuTable {	/* the table that holds all the menu items */
 padding-top: 2px;
 font-family: Sans-Serif;
 font-size: 8pt;
 font-weight: bold;
 margin: 0px;
}
.MenuTable TR { padding-top: 0px; }	/* avoid the inheritance */

.CurrentMenuItem  {   /* the <span> menu items that are currently selected */
  display: inline-block;	/* display: block; */
  padding: 0 1em;  /*2em;*/
  background: #0F5B7F;  /*#116893;*/  /* #0B4360;  #09334b; */
  color: white;   /* #fafafa; */
  border-left: 1px solid #273942;
  line-height: 2.15em;  /*2.5em;*/
}

.MenuTable a {       /* the non-current menu items */
  display: inline-block;	/* display: block; */
  /* float: left; IE/Mac 5.2 Fix */
  padding: 0 1em;  /*2em;*/
  text-decoration: none;
  color: #a1a1a1;
  border-left: 1px solid #273942;
  cursor: pointer;
  line-height: 2.15em;  /*2.5em;*/
}

.MenuTable a:hover {		/* when the mouse is over a non-current menu item */
  background: #0F5B7F;  /*#116893;*/ /* #0B4360;   #09334b; */
  color: white;   /* #fafafa; */
}

.MenuItemBottom {    /* the non-current LIs in the bottom row */
	/* border-bottom: 2px solid white; */
	background-color: #0F5B7F;  /*#116893;*/
	}

/* The rest of these menu-related styles are not used...

#mainNav {   the UL that contains the LIs of one row of menu items
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#mainNav li {      each menu item
	Start cross-browser inline-block
	display: -moz-inline-stack;		firefox specific
	display: inline-block;		the right way (standards compliant browsers)
	zoom: 1;			internet explorer specific
	*display: inline;	internet explorer specific
	End cross-browser inline-block
	line-height: 2.15em;
	font-weight: bold;
}

IE/Win 5.x Fix
* html #mainNav a {
  width: 1px;
}

#mainNav li a.active {		 not sure if this is needed
  color: white;
}

.MenuRowBottom {    this is to help with the white border around the current menu items
	border-left: 2px solid white;
	border-right: 2px solid white;
}

.CurrentMenuItemTop {    additional style for the current LI in the top menu row
	border-left: 2px solid white;
	border-top: 2px solid white;
	border-right: 2px solid white;
	background-color: #0F5B7F;
}

.MenuItemTop {     the non-current LIs in the top row
	border-bottom: 2px solid white;
	}

body.home #mainNav a#home, body.tutorials #mainNav a#tutorials {
  background: #09334b;
  color: #fafafa;
  cursor: default;
}

div#content {
  background-color : #fcfaeb;
  position: absolute;
  left: 120px;
  top: 180px;
}
*/

.ContentForm { margin: 10px 2px 15px 2px; }

.PageFooter {
 background-color : #e8e8e8;
 margin: 10px;
 padding: 5px;
}

#disclaimer {
 font-weight: bold;
 font-size: 8pt;
 font-style: italic;
 color: red;
 text-align: center;
 margin: 5px;
}

BODY {
	margin: 0;
	padding: 10px;
	font: .8em Verdana, Arial, Sans-Serif;
	/*
	font-size : 10pt;
	font-family : Arial;
	font: normal 12px Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	line-height: 1.6em;
	background: url(../images/background.gif) repeat-y;
	background: black;
	color: white;  #333;
	*/
}

IMG { vertical-align: middle; }
.ImgBaseline { vertical-align: baseline; }
.ImgTop { vertical-align: top; }
INPUT {vertical-align : middle; font-size : 8pt; font-family : sans-serif; font-weight : bold;}
SELECT {vertical-align : middle; font-size : 8pt; font-family : sans-serif; font-weight : bold;}
TEXTAREA {vertical-align : middle; font-size : 8pt; font-family : sans-serif; font-weight : bold;}
/* TABLE {font-size : 10pt; font-family : Arial;} */
/* pre { padding: 0px; margin: 0px; } */

.TableHeader { color: black; background-color : #fffdb0; font-weight : bold; font-size : 9pt; white-space: nowrap; }
.TableRow { color: black; background-color : #b3c2d9; font-size : 9pt; white-space: nowrap; } /* #d8dff1 */
.FormTable { color: black; background-color : #CCCCCC; }
.Info {color : blue;}
.Error {font-weight : bold; color : red;}
.Trace {color: gray;  padding: 0px; margin: 0px;}

.BasicHeading {background-color : #8CA4D9;}
.BlueBack {background-color : #C2CEDE; /* #8CA4D9; */ }
.LightBlueBack {background-color : #bfccea;}
.FilterBox {background-color : #e8e8e8;}
.LightGrayBack {background-color : #e8e8e8;}
.CreamHeading { font-weight : bolder; background-color : #fffdb0; }
.LightCreamHeading { font-weight : bolder; background-color : #fffece; }
.SlateBackground { background-color : #95aece; }
.DarkSlateBackground { background-color : #698ebc; }

.Middle {vertical-align : middle;}
.Center {text-align : center;}
.YellowBackground {background-color : yellow;}
.SmallText {font-size : small;}
.XSmallText {font-size : x-small;}
.XXSmallText {font-size : xx-small;}
.SmallTextarea {font-size:9pt; font-family:Arial;}
.Font8 {font-size : 8pt;}
.Boxed { border: 1px solid gray; }
.NoMargin { margin: 0px; }
.NoPadding { padding: 0px; margin: 0px; border: 0px none white; }
.Hidden { visibility : hidden ;}
.Txtfld {font-size : 8pt; font-family : sans-serif; font-weight : bold;}
.NotDone { font-weight: bold; font-size: 11pt; color: red; text-align: center; margin: 5px; }


/*
.but {
  background-color: #3F5B7F;
  padding: 0px;
  margin: 0px;
}
*/


a.button {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    cursor: pointer;
}

a.button span {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}