body { 
	background: #CCCC99;
	font-size: 9pt;
}
    
.octet {
    /*width: 35px;*/
    width: 3em;
}
    
.sid, .pid {
    /*width: 45px;*/
    width: 3em;
    background-color:white;
    color: black;
}
    
.hideme {
    display:none;
}
    
table.serviceTable { 
	padding: 5px 5px 5px 5px;
	font-size: small;
	font-family: "Arial", "Helvetica", "Verdana", sans-serif;
	color: #ffffff;
}

table.serviceTable td, table.form th {
	padding: 2px 2px 2px 2px;
	background: #999966;
}

.submit {
    font-size: small;
    height: auto;
    width: auto;
}
    
table.serviceTable select {
    font-size: 9pt;
    height: auto; /*1.5em;*/
    width: 98%;
    max-width: 15em;
    background: #ffffff;
}

.shortselect {
    font-size: 9pt;
    height: auto; /*1.5em;*/
    width: 150px;
    background: #ffffff;
}

tr.inactiveService td {
	background: #990000;
  	color: black;
}
    
tr.inactiveService td input, tr.inactiveService td select {
	background: white;
	color: black;
}    
    
tr.activeService td {
	background: #666633;
  	color: #000;
}

tr.activeService td input, tr.activeService td select {
	background: #ffffff;
}

.standard2 {
	font-family: verdana, arial;
	font-size: 8pt;
	padding:2px 2px 2px 2px;
	background:black;
}
    
.expand :hover {
    background: red;
}	
    
td:hover + tr {
    background: red;
}

.serviceDetail {
    padding: 0 0 0 0;
}

table.pidTable tbody tr td, table.pidTable tbody tr td {
    border-style: none;
    background-color: #CCCC99;
    color:black;
    font-family: verdana, arial;
    font-size: 9pt;
}

.serviceDetail > tr > td, tr.components > td {
    /*border-style: none;*/
}

.serviceDetailTop, .serviceDetailBottom {
    margin: 0px 5px;
    font-size: 9pt;
    width: 100%;
    clear: both;
}

.serviceDetailTop > table {
    padding-left: 0px;
	font-size: 9pt;
}

.serviceDetailBottom {
    float:left;
}

.pidTable {
    /*background-color: white;*/
    padding: 0px;
    border: 1px 1px 1px 1px;
    /*float: right;*/
    width: 90%;
}
    
.serviceDetailTop table {
    width: 600px;
}
    
#navmenu {
	margin-bottom: 5px;
}
    
#navmenu ul {
	margin-left: 5px;
	padding-left: 0;
	display: inline;
} 

#navmenu ul li {
/*	margin-left: 0; */
	margin-bottom: 0;
	padding: 2px 5px 5px;
	border: 1px solid #fff;
	list-style: none;
	display: inline;
	background-color: #344;
}
	
		
#navmenu ul li.here {
/*	border-bottom: 1px solid #4A5A5A; */
	list-style: none;
	display: inline;
	background-color: #4A5A5A;
}

#navmenu ul li.logout {
	/*border-bottom: 1px solid #4A5A5A;*/
	list-style: none;
	display: inline;
	background-color: #000;
	/*background-color: #D1B778;*/
	/*background-color: #4A5A5A;*/
}

#navmenu ul li.logout a {
	color: #fff;
	font-weight: bold;
}

.detailOptions{
	width: 655px;
	height: 18px;
	position: relative;
	right: 3px;
}
    
table.detailOptions {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
}

div.detailOptions {
	bottom: 4px;
}

.detailOptions div div, .detailOptions tr td div {
	border: 1px solid white;
	padding: 4px 12px;
	list-style: none;
	display: inline;
	background: #336633 ;
	font-family: verdana, arial;
	font-size: 9pt;
	float: left;
	height: 20px;
	text-align: center;
	cursor: pointer;
}
	
/* .detailOptions ul li.first {
  	text-align:center;
	list-style: none;
	display: inline;
  	background-image:url("images/tabsmappings.gif");
	background-repeat:no-repeat;
	}
		
.detailOptions ul li.last {
  	text-align:center;
	list-style: none;
	display: inline;
  	background-image:url("images/tabsmappings.gif");
	background-repeat:no-repeat;
	}
*/
.detailOptions div.here {
	float: left; 
	height:20px;
	list-style: none;
	display: inline;
	font-family: verdana, arial;
	font-size: 9pt;
	border: 1px solid white;
	padding: 4px 12px;
	background: #669966;
}

#formbuttons {
    float: right;
}

#formbuttons ul {
	margin-left: 0;
	padding-left: 10px;
	display: inline;
} 

#formbuttons ul li {
	margin-left: 0;
	margin-bottom: 0;
	list-style: none;
	display: inline;
}
	
a:link, .detailOptions ul li.first, .detailOptions ul li.last { 
    font-size: small;
    font-family: "Arial", "Helvetica", "Verdana", sans-serif;
	/*font-weight: normal; 
	text-decoration : none;*/
	color: #ffffff;
}

a:visited { 
    font-size: small;
    font-family: "Arial", "Helvetica", "Verdana", sans-serif;
  	/*font-weight: normal; 
  	text-decoration : none;*/
  	color: #ffffff;
}

a:hover, a:active { 
    font-size: small;
    font-family: "Arial", "Helvetica", "Verdana", sans-serif;
  	/*font-weight: normal; 
  	text-decoration : none;*/
	color: #889C9C;
}


#topbanner {
	display:inline;
	/*
	position:absolute;
	left:220px;
	top:30px;
	margin-left: 220px;
	margin-top: 30px;  
	*/
}
/*
h1{ 
    display:none;
    font-size: large;
    font-family: "Arial", "Helvetica", "Verdana", sans-serif;
	//font: 13pt/10pt verdana;
	font-weight: bold; 
	color: #ffffff;
}
*/
h2{ 
    font-size: medium;
    font-family: "Arial", "Helvetica", "Verdana", sans-serif;
	/*font: 9pt/3pt verdana;*/
	font-weight: bold; 
	letter-spacing: 2px; 
	color: #889C9C;
}

.desc {
    /*width:300px;*/
    min-width:30em;
    max-width: 50em;
    background-color:white;
}

.checkbox {
    height: auto;
    width: 2em;
}