A{
	color:#666699;
	text-decoration : none;
	}


A:hover {
	color:Blue;
	text-decoration : underline;
}

/* Color */

.color1, .type1, A.type1, A.type1:hover, .type1small,  A.type1small, A.type1small:hover, .type1head, A.type1head, A.type1head:hover, .list, .mainmoduletitle, A.moduletitle, .moduletitle, A.mainmoduletitle, .formbutton2, .formbutton3{
  color: #eeeeee;	
}

.color2, .type2, A.type2, A.type2:hover, .type2small, A.type2small, A.type2small:hover, .type2head, A.type2head, A.type2head:hover{
  	color: #666666;	
}

.color3, .type3, A.type3, A.type3:hover, .type3small, A.type3small, A.type3small:hover, .type3head, A.type3head, A.type3head:hover, .forminput, .formbutton1 {
  	color: #999999;	
}

/*drop Shadow*/
.blur{
	background-color: #eee; /*shadow color*/
	color: inherit;
	margin-left: 4px;
	margin-top: 4px;
}

.shadow,
.content{
	position: relative;
	bottom: 2px;
	right: 2px;
}

.shadow{
	background-color: #ccc; /*shadow color*/
	color: inherit;
}

.content{
	background-color: #fff; /*background color of content*/
	color: #000; /*text color of content*/
	border: 1px solid #999; /*border color*/
	
}

.portTN{
    border:1px solid #999999;


}


/*Borders*/
.borderleft3{
	border-left : 1px solid #003366;
}
.borderright3{
	border-right : 1px solid #003366;
}

.borderbottom3{
	border-bottom : 1px solid #003366;
}

.bordertop3{
	border-top : 1px solid #003366;
}

.bordertop5{
	border-top : 1px solid #003366;
	background-color: #CCCCCC;	
}

.borderlefttop3{
	border-top : 1px solid #003366;	
	border-left : 1px solid #003366;
}

.bordertopright3{
	border-top : 1px solid #003366;	
	border-right : 1px solid #003366;
}
/*These two are for the cunsumer value screen in projects */
.borderall1{
	border-right : 1px solid #003366;
	border-top : 1px solid #003366;
	border-bottom : 1px solid #003366;
	background-color: #B9CFDB;
	font-weight : bold;
}

.borderallnobottom1{
	border-right : 1px solid #003366;
	border-top : 1px solid #003366;
	background-color: #B9CFDB;
	font-weight : bold;
}
/*
A.type1, A.type1small, A.type2, A.type2small, A.type3, A.type3small{
  	 text-decoration : underline;
}

*/

.scrollarea{
	overflow:auto;
	width:100%;
	border-left: 1px solid #006699;
	padding:0px;
	margin: 0px
}

.border1{
	border: 1px solid #B9CFDB; 
	}

.border2{
	border: 1px solid #006699; 
}

.border3{
	border: 1px solid #003366; 
}
	
.divider{
  background-color: #006699;
}
 .evenrow{
  background-color: #eeeeee;
}
.selectedRowColor {
	background-color: #999999;
	color: #FFFFFF;
}

.bgcolor1, .formbutton1, .list1, .tabmargin, .highlight{
  	background-color: #B9CFDB;	
}

.bgcolor2, A.mainmoduletitle:hover, A.mainmoduletitle, .mainmoduletitle,  A.moduletitle:hover, A.moduletitle, .moduletitle, .formbutton2{
  	background-color: #006699;	
}

.bgcolor3, .list,  .formbutton3{
  	background-color: #003366;	
}

.bgcolor4 {
  	background-color: #003366;	
}

.bgcolor5 {
  	background-color: #CCCCCC;	
}

.oddrow, .editframe, .basicframe, .innerframe, .outerframe, .modulecontent, .forminput{
	background-color: #FFFFFF;
}

.forminput {
	Border: 1px solid #003366;
}

.forminputblack {
	Border: 1px solid #000000;
}

.listborder{
	border-bottom: 1px solid #006699; 
	border-right: 1px solid #006699;
	border-top: 1px solid #006699;
	border-left: 1px solid #006699;
}

/*Permissions Table*/
.result{
	background-color: #CCCCCC;
}

.basicborder{
	border-bottom: 1px solid #CCCCCC; 
	border-right: 1px solid #006699
}

.userbasicborderspace{
	border-bottom: 2px solid #003366; 
}

.userbasicborder{
	border-bottom: 2px solid #003366; 
	border-right: 1px solid #006699
}

.userbasicborderspace{
	border-bottom: 2px solid #003366; 
}

.basicborderspace{
	border-bottom: 1px solid #CCCCCC; 
}

.tableborder{
	border-top: 1px solid #006699
}


.dottedborder{
	border-bottom: 1px dotted #CCCCCC; 
	border-right: 1px solid #006699;
}

.dottedspace{
	border-bottom: 1px dotted #CCCCCC; 
	}

.borderhighlightspacetop{
		border-bottom: 2px solid #003366; 
	border-top: 2px solid #003366;
}

.borderhighlighttop{
		border-bottom: 2px solid #003366; 
	border-right: 1px solid #006699; 
	border-top: 2px solid #003366;
}

.borderhighlightbottom{
	border-bottom: 2px solid #003366; 
	border-right: 1px solid #006699; 
}
.borderhighlightspacebottom{
	border-bottom: 2px solid #003366; 
}
/* Font */

.footercr {
  font-size : 10px
}

.footer {
  font : 12px  
}

TD{
	vertical-align : top;
}

.large {
  font : 18px 
}

.error{
	color: red;
	border: thin solid red;
	padding : 2px 2px 2px 2px;
}

.errortext{
	color: red;
}

th {
	font-size: 10pt; 
	text-align : left;
	color : #000000;
}

th A{
	font-size : 10pt;
	text-decoration : underline;
	color : #000000;
	text-align : left;
}

th A:hover {
	font-size : 10pt; 
	text-align : left;
	text-decoration : underline;
	color : #000000;
}

.indexselected{
		background-color: #eeeeee;
}

.indexnotselected{
		background-color: #eeeeee;
}

.title {
  font :  14pt;
}


.tbhead {
  font-family: trebuchet ms, Arial, Helvetica, sans-serif;
}
 .titleheader{
	font-size: 17px;
}

.tbhead,  A.mainmoduletitle, .mainmoduletitle, A.mainmoduletitle:hover,.type1head, .type2head, .type3head{
		font-size: 15px;
}

B, .bold, .smbold, .tbhead, .list, TH, .menu, .moduletitle, .mainmoduletitle, .formbutton1, .error, .errortext, .formbutton2, .formbutton3{
	font-weight : bold;
}
.footercr, .footer, .small, .smbold, TD, P, .site, .bold, .large, .list, TH, .title, .modulecontent, .mainmodulecontent, .type1small, .type2small, .type3small, .type1, .type2, .type3, .formbutton,  .type1head, .type2head, .type3head, .titleheader, .errortext{
	font-family : Arial, Helvetica, sans-serif;
}

.menu, .moduletitle, .mainmoduletitle{
	font-family : Trebuchet ms, Arial, Helvetica, sans-serif;
}

.small, .smbold,.menu, .modulecontent, .list, .moduletitle, .type1small, .type2small, .type3small, .formbutton{
  font-size : 9pt
}


TD, P, .site, .bold, .type1, .type2, .type3, .forminput, .errortext{
	font-size : 10pt 
	}
	
	/* Preferences Controller*/
	
	.detailmargin{
	margin-bottom : 15px;
	margin-left : 15px;
	margin-top : 15px;
	margin-right : 15px;
}

	.tabmargin{
	padding-bottom : 15px;
	padding-left : 15px;
	padding-top : 15px;
	padding-right : 15px;
}
	
	.nodemargin{
	margin-bottom : 8px;
	margin-left : 8px;
	margin-top : 8px;
}

.nodeborder{
	border : 1px solid #003366;
	padding-bottom : 3px;
	padding-left : 3px;
	padding-top : 3px;
	padding-right : 3px;
}
	
.indent {
	margin-left : 10px;
	vertical-align : middle;
}

.indent2 {
	margin-left : 15px;
	vertical-align : middle;
}


.label {
	font : bold 10pt trebuchet MS, Arial, Helvetica, sans-serif;
	vertical-align : top;
	text-align : right;
	font-weight : bold;
}

.labelcenter {
  font : bold 10pt  trebuchet MS, Arial, Helvetica, sans-serif;
  vertical-align : top;
  text-align : center;
}
	
.pad {
  line-height : 20px;
}


.modulecontent{
	padding : 2px 3px 2px 2px;
	}
.mainmodulecontent{
		background-color: #eeeeee;
}

A.moduletitle{
	  text-decoration : underline;
}

A.moduletitle:hover{
		color : #FFFFFF;
	  text-decoration : underline;
}

A.mainmoduletitle {
text-decoration : underline;
}

A.mainmoduletitle:hover {
color : #FFFFFF;
}

.modmargin{
	padding : 2px 3px 2px 2px;
	}

.outerframe{
	border: thin solid #B9CFDB;
	width: auto;
	margin-left : 8px;
	margin-top : 8px;
	margin-right : 5px;
	margin-bottom : 10px;
}

.innerframe{
	border: 1px solid #006699; 
  width: auto;
	margin-left : 3px;
	margin-top : 3px;
	margin-right : 3px;
	margin-bottom : 3px;
}

.frame{
	background-color: #B9CFDB;
	border-left: 1px solid #B9CFDB; 
	border-top: 1px solid #B9CFDB;
	border-bottom: 1px solid #B9CFDB; 
	border-right: 1px solid #B9CFDB;
}

.basicframe{
	border: thin solid #006699; 
	width: auto;
	margin-left : 3px;
	margin-top : 3px;
	margin-right : 3px;
	margin-bottom : 3px;
}

.editframe{
	border: thin solid #006699; 
	width: auto;
	margin-left : 3px;
	margin-top : 3px;
	margin-right : 3px;
	margin-bottom : 3px;
}



/* td.head, item used in ComponentDetail pages */
td.head {
  font : bold 10pt Arial, Helvetica, sans-serif;
  vertical-align : top;
  text-align : left;
  white-space: nowrap;
}
td.detail {
  font : 10pt Arial, Helvetica, sans-serif;
  vertical-align : top;
  text-align : left;
}
td.detailnowrap {
  font : 10pt  Arial, Helvetica, sans-serif;
  vertical-align : top;
  text-align : left;
  white-space: nowrap;
}

td.tabssel {
  font : 10pt  Arial, Helvetica, sans-serif;
  font-weight : bold;
  vertical-align : top;
  text-align : left;
  Background-color : #006699;
  color : #B9CFDB;
  white-space: nowrap;
}
td.tabsunsel {
  font : 10pt trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight : bold;
  vertical-align : top;
  text-align : left;
  Background-color : #B9CFDB;
  white-space: nowrap;
}

a.tabsunsel:active { color : #006699; text-decoration:none; };
a.tabsunsel:visited { color : #006699; text-decoration:none; };
a.tabsunsel:hover { color : #006699 };
a.tabsunsel:link { color : #006699; text-decoration:none; };
<!-- end ComponentDetail specific (?) items -->

td.big {
  font-family : arial,helvetica,sans-serif;
  font-size : 18px;
  font-weight : bold;
  vertical-align : top;
}
td.tab {
  Background-color : #EEEEEE;
  font-size : 14px;
  text-align : center;
  vertical-align : top;
}
td.selectedtab {
  Background-color : #CCCC99;
  font-size : 14px;
  font-weight : bold;
  font-style : italic;
  text-align : center;
  vertical-align : top;
}

.list {
padding-bottom : 3px;
} 


.label {
font : bold 10pt  trebuchet MS, Arial, Helvetica, sans-serif;
vertical-align : top;
text-align : right;
Background-color : #CCCC99;
white-space : pre;
} 




.labelcenter {
font : bold 10pt  trebuchet MS, Arial, Helvetica, sans-serif;
vertical-align : top;
text-align : center;
Background-color : #CCCCCC;
white-space : pre;
}



.sub {
font : 13px Arial, Helvetica, Univers, Zurich BT, sans-serif;
background-color : #FFFFFF;
padding : 3px 10px 3px 10px;
border : none;
} 




.pad {
line-height : 20px;
} 


td.itemheader {
  font-family : arial,helvetica,sans-serif;
  font-size : 10px;
  text-align : left;
}

td.reuseheader {
  font-family : arial,helvetica,sans-serif;
  font-size : 12px;
  text-align : center;
}

td.big {
  font-family : arial,helvetica,sans-serif;
  font-size : 18px;
  font-weight : bold;
  vertical-align : top;
}

td.tab {
  Background-color : #EEEEEE;
  font-size : 14px;
  text-align : center;
  vertical-align : top;
}

td.selectedtab {
  Background-color : #CCCC99;
  font-size : 14px;
  font-weight : bold;
  font-style : italic;
  text-align : center;
  vertical-align : top;
}




	/*Use / Extract, Subscription*/
	
	.downloadtableheader{
	background-color: #006699;
  font : bold 9pt Verdana, Arial, Helvetica, sans-serif;
  color : #B9CFDB;
	vertical-align: top;
  }

.downloadtableitem{
 	background-color : #B9CFDB;
	font : 9pt trebuchet MS, Arial, Helvetica, sans-serif;
	color: #000000;
	vertical-align: top;
        }
				
		.extractrealtedtableheader{
		background-color: #006699;
		font : bold 9pt Verdana, Arial, Helvetica, sans-serif;
		color : #B9CFDB;
		vertical-align: top;
	}
	.extractrealtedtableitem{
		background-color : #B9CFDB;
		font : 9pt trebuchet MS, Arial, Helvetica, sans-serif;
		color: #000000;
		vertical-align: middle;
	}
		.extractsmalltableheader{
		background-color: #006699;
		font : bold 8pt Verdana, Arial, Helvetica, sans-serif;
		color : #B9CFDB;
		vertical-align: top;
	}
	
	<!-- reports -->
  .reptitle {
    font: bold 13pt trebuchet MS, Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
  }

  .date {
    font: bold 9pt trebuchet MS, Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
  }

  .note {
    font : 9pt trebuchet MS, Arial, Helvetica, sans-serif;
    background-color : #FFFFFF;
  }

  .name {
    font: bold 10pt trebuchet MS, Arial, Helvetica, sans-serif;
    background-color: #ffffff;
	color: #000000;
	
  }

  .field {
    font: bold 9pt trebuchet MS, Arial, Helvetica, sans-serif;
    background-color: #B9CFDB;
	color: #003366;
	vertical-align : middle;
  }
  
  td.item {
  font-family : arial,helvetica,sans-serif;
  font-size : 10px;
  text-align : left;
}
   
    .repitemG {
	font: 9pt trebuchet MS, Arial, Helvetica, sans-serif;
	background-color: #EEEEEE;
	vertical-align : top;
}

  .repitem {
	font: 9pt trebuchet MS, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	vertical-align : top;
}



  .result {
    font: bold 9pt  trebuchet MS, Arial, Helvetica, sans-serif;
    }