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

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

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

/*
#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 {
	/* float: left; */
	margin: 10px 8px 5px 0px;
	/* height: 30px;   todo: create a smaller icon instead of scaling this on the fly */
	}

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

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

#mainNav li {      /* each menu item */
	/* float: left; */
	/* 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;  /*2.5em;*/
	font-weight: bold;
	/* border: 1px solid white; */
}

#mainNav p  {   /* the LIs that are currently selected */
  display: block;
  padding: 0 2em;  /*2em;*/
  margin: 0px;
  background: #0B4360;  /* #09334b; */
  color: #fafafa;
}

.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;
	/* border-bottom: 2px solid #09334b; */
}

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

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

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

#mainNav a:hover {
  background: #0B4360;   /* #09334b; */
  color: #fafafa;
}

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

#mainNav li a.active {
  color: #fafafa;

}

/*
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; }
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 */
}