html,body {
	margin: 0;
	padding: 0;
	color: #000;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	text-align: center;
}

body {
	/*background-attachment: fixed;
	background-color: #dfe8ef;
	background-image: url(../images/body_bg_fade.gif);
	background-repeat: repeat-x;
	background-position: bottom;*/
	/* mozarty */
	scrollbar-base-color: #333;
	scrollbar-arrow-color: #464646;
	scrollbar-darkshadow-color: #9FABBB;
	scrollbar-track-color: #F2F5F7;
	scrollbar-face-color: #E8EBF0;
	scrollbar-shadow-color: #CED6E1;
	scrollbar-highlight-color: #F3F5F7;
	scrollbar-3dlight-color: #C4CEDB;
	
	background-color: #e2f4f6;
}

h1,h2,h3,h4,h5,h6,p,ul,li,form,select,input,label,img,div,table,tr,th,td
	{
	margin: 0;
	padding: 0;
	font-family:Verdana;
	font-size: 12px;
	font-weight: normal;
}

a {
	text-decoration: none;
	color: #0000FF;
}

a img {
	border: none;
}

caption {
	display: none;
}

#wrap {
	background: #fff;
	border: 1px solid #ccc;
	width: 840px;
	margin: 30px auto 20px auto;
	padding: 10px 0;
	overflow: visible;
}

#chromewrapper {
	empty-cells: show;
	border-collapse: collapse;
	margin: 20px auto;
}

.wrap-nw,.wrap-ne,.wrap-se,.wrap-sw {
	width: 7px;
	height: 7px;
}

.wrap-nw {
	background: url(../images/wrap-bg-nw.gif) no-repeat;
}

.wrap-ne {
	background: url(../images/wrap-bg-ne.gif) no-repeat;
}

.wrap-se {
	background: url(../images/wrap-bg-se.gif) no-repeat;
}

.wrap-sw {
	background: url(../images/wrap-bg-sw.gif) no-repeat;
}

.wrap-n {
	background: url(../images/wrap-bg-n.gif) repeat-x top;
}

.wrap-e {
	background: url(../images/wrap-bg-e.gif) repeat-y;
}

.wrap-s {
	background: url(../images/wrap-bg-s.gif) repeat-x bottom;
}

.wrap-w {
	background: url(../images/wrap-bg-w.gif) repeat-y;
}

.wrap-center {
	padding: 20px;
	background: #f7f9fa;
}

.border1 {
	border: 1px solid #b9c7d4;
	border-color: #8aa1b4 #b9c7d4 #b9c7d4 #8aa1b4;
	background: #f7f7f7;
	position: relative;
	padding: 10px 0 10px 0;
}

.border2 {
	border: 4px solid #cad5df;
}

.border3 {
	border: 1px solid #b9c7d4;
	border-color: #fff #8aa1b4 #8aa1b4 #fff;
}

/***********************************************************************************************************/
	/******************************************************* login *********************************************/
	/**********************************************************************************************************
	
	the following rules have the potential to be deprecated.
	the bga - "special api" login screen (stripped down) still uses some of these rules.
	TO DO - reconcile the BGB and BGA login screens and their associated style rules.
	 
	
	*/
#login {
	background: none;
	border: 0px solid #000;
	width: 300px;
	height: 170px;
	
	text-align: center;
	padding: 0 0 0 0;
}

.logininput {
	border: 1px solid #000;
	font-size: 18px;
	padding: 3px 3px 3px 5px;
	width: 250px;
}

#centerer {
	border: 0px solid red;
	height: 160px;
	width: 380px;
	text-align: center;
	position: absolute;
	top: 60%;
	left: 50%;
	margin: -150px 0 0 -190px;
}

#login h2 {
	border-bottom: 0px solid #000;
	font-size: 12px;
	background: none;
	font-weight: bold;
	padding: 5px;
	margin: 0 0 10px 0;
	text-align: left;
	/*display:none;*/
}

#login label.loginlabel {
	text-align: left;
	margin: 5px 0 2px 22px;
	display: block;
}

#submitholder {
	text-align: right;
	margin: 10px 22px 0 0;
}

#submitholder input {
	font-size: 12px;
}


/*
the following three rules are still in use for the error message which appears when attempting
to access a deleted object.
*/

.loginerror {
	background: #FFFF99;
	border-top: 2px solid #FF0000;
	border-bottom: 2px solid #FF0000;
	padding: 10px;
	/*margin: 20px 0 0 0; */
	margin: 0;
	/* from info server */
	background: #ffffe3;
	border-top: 1px solid #cad5df;
	border-bottom: 1px solid #cad5df;
}

.failuremessage {
	font-weight: bold;
	margin: 0;
}

.failurereason {
	
}





/* ------------------- START: LOGIN SPECIFIC STYLES ------------------- copied directly from information server */
div#loginBoxWithShadow {
    /*position:absolute; left:50%; top:50%; width:275px; height:390px; z-index:1;
    margin-left:-138px;
    margin-top: -195px;*/
}

#loginBox {
    font-size: 11px;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: black;
    padding:0px;
    position: absolute;
    border-color:#808080;
    border-width:thin;
    
    /*override */
    border-width:1px;
    border-style:solid;
    text-align:left;
    position: absolute; left: 0; right: 16px; top: 0; bottom: 0;
}

/* Firefox and IE7 only */
html>body #loginBox {
    padding: 12px;
}

#loginBoxInner {
    width: 100%;
    height: 100%;
    padding: 0;
}

/* IE6 only */
* html body #loginBoxInner {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/loginpanel3.png');
    padding: 12px;
    /* override */
    background-color:#fff;
}
    
/* IE6 only */
* #loginBoxInner input {
    position: relative;
    z-index: 1;
}

/* IE6 only */
* #loginBoxInner a {
    position: relative;
    z-index: 1;
}

/* IE6 only */
* #loginBoxInner button {
    position: relative;
    z-index: 1;
}

/* Firefox and IE7 only */
html>body #loginBox {
    background-image:url(../images/loginpanel3.png);
}

#loginBox a {
    color:blue;
}

div#loginCopyright {
    /* position:relative; right:2px; top:15px; */
    font-size: 9px;
}

div#loginTitle {
    font-family:Tahoma; 
    font-size:13px;
    font-weight:bold;
    text-align:left;
}

.loginInput {
    border: 1px solid #9FABBB;
    FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    /*margin: 2px 0px 5px 0px;*/
    /*padding: 3px;*/
    float: none;
    /*width: 158px;*/
    text-align:left;
    align: left;
}

#loginButton {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.loginShadowTop {
    position: absolute; right: 0; top: 0; width: 16px; height: 30px;
    overflow: hidden;
}

/* Firefox and IE7 only */
html>body .loginShadowTop {
    background-image:url(../images/login_shadow_right_top.png);
}

.loginShadowMiddle {
    position: absolute; right: 0; top: 30px; width: 16px; bottom: 30px;
    overflow: hidden;
}

/* Firefox and IE7 only */
html>body .loginShadowMiddle {
    background-image:url(../images/login_shadow_right_side.png);
    background-repeat:repeat-y;
}

.loginShadowBottom {
    position: absolute; right: 0; bottom: 0; width: 16px; height: 30px;
    overflow: hidden;
}

/* Firefox and IE7 only */
html>body .loginShadowBottom {
    background-image:url(../images/login_shadow_right_bottom.png);
}

.loginShadowInner {
    width: 16px;
}

.textTop { vertical-align:text-top; } 

.textBottom { vertical-align:text-bottom; } 

    /* ------------------- END: LOGIN SPECIFIC STYLES ------------------- /copied directly from information server */

/* extra stuff from info server styles.css*/

input.field {
	background-color:#FFFFFF;
	border:1px solid #9FABBB;
	color:#464646;
	font-family:Verdana;
	font-size:12px;
	padding:2px 4px;
	}

/* override by bg team */

body#login {

	text-align:left;
	}

#loginBranding {
	text-align: left;
	font: bold 16px Verdana;
	color: #C36263;
	}

.loginTitle {
	margin-bottom: 5px;
	font: bold 14px Verdana;
	color: black;
	}
	
#loginState {
	margin-bottom: 5px;
	}
	
#loginNotice {
	margin: 15px 0 15px;
	}

#loginCopyright {
	margin: 20px 0 0 0;
	}

.loginError {
	background-image: url(../images/error.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding:0 0 5px 20px;
	}
.loginInstruct {
	padding:0 0 5px 0;
	}
	
.loginForm {
border: 2px solid #C9DCDF;
}

.tweener {
	line-height:7px;
	}


.frm {
width: 100%;
padding: 4px;
}
/***********************************************************************************************************/
	/******************************************************* header include ************************************/
	/***********************************************************************************************************/
div#header {
	border-bottom: 0px solid #000;
	height: 139px;
	text-align: left;
	margin-top: 130px;
}

div#header img#logo {
	width: 50px;
	height: 50px;
	background-color: #333399;
	float: left;
	margin: 10px 0 0 10px;
	display: none;
}

div#branding {
	background: url(../images/masthead_bkgd.gif) top left repeat-x;
	height: 43px;
}

div#branding img {
	margin: 10px 0 0 10px;
}

div#header h1 {
	font-size: 16px;
	font-weight: normal;
	/*padding: 15px 0 0 70px;*/
	padding: 9px 0 0 10px;
	color: #647582;
}

div#insideheader {
	background-image: url(../images/header_bg_pattern.gif);
	background-repeat: repeat-x;
	background-position: top left;
}

div#header div#insideheader #bgHolder {
	background: url(../images/header_bg_modified.gif) right top no-repeat;
	height: 56px;
}

ul#globallinks { /*float:right;
	margin:30px 5px 0 0;*/
	padding: 20px 0 0 10px;
}

ul#globallinks li {
	list-style-type: none;
	/* float:left; */
	display: inline;
	margin: 0 4px;
	color: #666;
	background: url(../images/gl-bullet-off.gif) no-repeat left center;
	padding-left: 7px;
}

ul#globallinks li a {
	border-bottom: 1px solid #666;
	color: #666;
}

ul#globallinks li a:hover {
	color: #000;
	border-bottom: 2px solid #666;
}

div#logoholder {
	height: 43px;
	width: 120px;
	border: 1px solid #afb7bd;
	position: absolute;
	right: 40px;
	top: 60px;
	text-align: center;
	background-color: #fff;
	padding: 2px 0 0 0;
}

.clearboy {
	clear: both;
}

div#masthead {
	text-align: left;
	margin: 50px auto 40px auto;
	width: 800px;
	background: #fff;
}

div#masthead h1 {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 15px 0;
}

ul#splashlinks {
	float: right;
}

ul#splashlinks li {
	list-style-type: none;
	float: left;
	margin: 0 3px;
}

#masthead img#logo {
	width: 100px;
	height: 100px;
	background-color: #333399;
	float: left;
	margin: 0 10px 0 0;
}

/***********************************************************************************************************/
	/******************************************************* search ********************************************/
	/***********************************************************************************************************/
body#splash { /* background:#fff; */
	
}

p.blurb {
	text-align: left;
	width: 700px;
	margin: 30px auto 20px;
	color: #3d474f;
}

p.blurb strong {
	font-weight: bold;
	font-size: 130%;
	display: block;
	color: #333;
}

.searchform {
	border: 0px solid green;
	width: 406px;
	margin: auto;
}

/*.searchform h2 {
	border-bottom:1px solid #000;
	background:#f7f7f7;
	padding:8px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	}*/
ul.checkboxarray {
	margin: 20px 0 0 15px;
	border-bottom: 0px solid #000;
	text-align: left;
	height: 20px;
}

ul.checkboxarray li {
	list-style-type: none;
	float: left;
	margin: 0 10px 0 0;
	font-size: 12px;
}

ul.checkboxarray li.includedescription {
	float: right;
	margin: 0 15px 0 0;
}

ul.checkboxarray li input {
	vertical-align: middle;
	margin: 0 3px 0 0;
	line-height: 30px;
}

ul.checkboxarray li label {
	vertical-align: middle;
}

div#searchmodifier {
	width: 200px;
	margin: 3px auto;
	text-align: center;
}

div.searcherror {
	color: red;
	text-align: left;
	padding: 0 0 0 30px;
}

div.searcherror p {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

div.searcherror ul {
	margin: 0 0 20px 0;
}

div.searcherror ul li {
	margin: 0 0 0 20px;
}

/* search results - narrow results error */
div#narrower div.searcherror {
	padding: 0 0 0 7px;
}

div#narrower div.searcherror ul li {
	margin: 0 0 0 10px;
}

.hideme {
	display: none;
}

.showme {
	display: block;
}

.searchinput {
	border: 1px solid #647582;
	font-size: 18px;
	padding: 3px 3px 3px 5px;
	margin: 10px 0 0 0;
	width: 350px;
}

.searchsubmitholder {
	text-align: right;
	margin: 10px 22px 0 0;
}

.searchsubmitholder input {
	font-size: 12px;
}

.searchsubmitholder span {
	float: left;
	margin: 0 0 0 22px;
}

.searchinstruct {
	text-align: left;
	color: #333;
	font-size: 10px;
	margin: 3px 0 10px 0;
}

#search1 {
	border: 0px solid #000;
	width: 400px;
	margin: -2px auto 0 auto;
	padding: 0 0 0 0;
}

#search2 {
	border: 0px solid #000;
	width: 400px;
	margin: -2px auto 0 auto;
	padding: 0 0 0 0;
}

#search2 .searchinput {
	margin: 10px 0 0 0;
}

#search2 .searchsubmitholder {
	margin: 10px 22px 0 0;
}

#toggleholder {
	width: 100%;
	margin: 0 auto;
	height: 20px;
	text-align: left;
	font-weight: bold;
}

#toggleholder td {
	width: 50%;
}

#toggleholder td a {
	width: 100%;
	height: 20px;
	line-height: 20px;
	display: block;
	border: 1px solid #000;
	text-decoration: none;
	font-weight: normal;
}

/* (trying to) get rid of link lines */
#toggleholder td a:active {
	outline: none !important;
}

#toggleholder td a:focus {
	-moz-outline-style: none;
}

.happyLink {
	cursor: default;
	color: #000;
	font-weight: bold !important;
}

.sadLink {
	text-decoration: underline !important;
	color: #999999;
	font-weight: bold !important;
}

.sadLink:hover {
	color: #000;
}

#go1 .sadLink {
	
}

#go2 .happyLink {
	
}

/***********************************************************************************************************/
	/******************************************************* search results ************************************/
	/***********************************************************************************************************/
	/*
body#searchresults {
	background:#fff;
	}
*/
div#resultstop {
	margin: 0px auto 20px auto;
	width: 900px;
	text-align: left;
	border-bottom: 1px solid #cad5df;
	padding: 0 0 5px 0;
}

div#resultstop h1 {
	font-size: 18px;
	font-weight: normal;
}

div#narrower {
	float: right;
}

div#resultstop .narrowTextInput {
	border: 1px solid #8aa1b4;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	padding: 3px;
}

#exportholder {
	text-align: left;
}

#exportholder a {
	text-decoration: underline;
	color: #666;
}

#exportholder a:hover {
	color: #000;
}

table#results { /*	border: 2px solid #000;
	border-width: 1px 0 0 1px; */
	margin: 0 auto;
	width: 900px;
	border-collapse: collapse;
}

table#results nobr {
	display: inline;
}

table#results th {
	border: 1px solid #ccd8e3; /*d6dce2 9fabbb*/
	text-align: left;
	padding: 5px;
	background: #eaeff3;
	font-weight: bold;
}

table#results th.active {
	background-color: #E1E9EE;
}

table#results th a {
	width: 100%;
	display: block;
	color: #666;
	font-weight: normal;
}

table#results th a:hover {
	color: #000;
	text-decoration: underline;
}

table#results th.active a img {
	float: right;
	margin: 4px 0 0 0;
}

table#results td {
	border: 1px solid #ccd8e3; /* d6dce2 abbac9*/
	text-align: left;
	padding: 5px;
	vertical-align: top;
}

table#results td a {
	color: #666;
}

table#results td a:hover {
	color: #000; /*cad5df*/
	text-decoration: underline;
}

table#results td a:hover .highlight {
	text-decoration: underline;
}

table#results td a:hover span {
	background: none;
}

table#results td img {
	margin: 0 5px 0 0;
}

.even {
	background-color: #f6f9fb;
}

.odd {
	background-color: white;
}

tr.odd td.active {
	background-color: #f7f7f7;
}

tr.even td.active {
	background-color: #edf0f2;
}

/* used for function:tableruler to alternated row colors on mouseover */
tr.evenRuled,tr.oddRuled {
	background: #ffd0a2; /*FFFFCC*/
}

.highlight { /*	background-color: #ff9933;
*/
	font-weight: bold;
	color: #df7e13;
	text-decoration: none;
}

/* pagination */
table.pagholder {
	margin: 4px auto;
	width: 900px;
	border-collapse: separate;
}

table.pagholder td {
	text-align: left;
	width: 23%;
	width: auto;
	padding: 0;
}

table.pagholder td.count {
	text-align: left;
}

table.pagholder td.goto {
	text-align: center;
	width: 54%;
	width: auto;
	white-space: nowrap;
}

table.pagholder td.amount {
	text-align: right;
}

table.pagholder td.amount span {
	font-weight: bold;
}

table.pagholder td.goto a {
	border: 1px solid #000;
	border-color: #999 #000 #000 #999;
	padding: 1px 4px;
	line-height: 18px;
	background: #e6e0d2;
	font-size: 10px;
	color: #000;
}

table.pagholder td.goto a:hover {
	background: #ffa64c;
}

table.pagholder ul {
	padding: 0;
	margin: 0;
}

table.pagholder ul li {
	list-style-type: none;
	display: inline;
	margin: 0 2px 0 2px;
}

table.pagholder ul li.current {
	border: 1px solid #000;
	border-color: #999 #000 #000 #999;
	padding: 1px 6px;
	line-height: 18px;
	background: #ff9933;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
}

table.pagholder td.amount a {
	text-decoration: underline;
	color: #666;
}

table.pagholder td.amount a:hover {
	color: #000;
}

.stewardlist {
	list-style-type: none;
}

#expandAllDescriptions,#collapseAllDescriptions {
	text-align: right;
}

#expandAllDescriptions a,#collapseAllDescriptions a {
	float: right;
	display: inline !important;
	width: 45% !important;
}

/* this was changed to spans because of a bug in which clicking description would also sort */
#expandAllDescriptions span.descTitle,#collapseAllDescriptions span.descTitle
	{
	float: left !important;
	display: inline !important;
	text-align: left;
	text-decoration: none;
	color: #666;
}

#expandAllDescriptions a.descTitle:hover,#collapseAllDescriptions a.descTitle:hover
	{ /* this is a fake link */
	text-decoration: none;
	cursor: default;
	color: #666;
}

td.descCell {
	width: 37%;
}

td.descCell imgx {
	position: absolute;
	top: 2px;
	right: 2px;
}

.descriptionTogglerImage {
	padding: 0 0 0 5px;
	cursor: pointer;
}

/* attempt to solve FF context wrapping bug in */
td.contextCell {
	white-space: normal;
}

td.contextCell br {
	display: inline;
}

/***********************************************************************************************************/
	/******************************************************* dossier *******************************************/
	/***********************************************************************************************************/
div#dossiertop {
	margin: 0px auto 20px auto;
	width: 800px;
	text-align: left;
}

div#dossiertop h1 {
	display: inline;
	font-size: 18px;
}

div#dossiertop ul#dossiereditbuttons {
	display: inline;
	float: right;
}

div#dossiertop ul#dossiereditbuttons li {
	display: inline;
}

div#dossiertop ul#dossiereditbuttons li a {
	background: green;
	display: inline;
	margin: 0 5px 0 0;
	padding: 4px;
}

div#dossiertop ul#dossiereditbuttons li a {
	background: #f7f7f7;
	display: inline;
	margin: 0 0 0 5px;
	padding: 3px 6px;
	border: 1px solid #666666;
	border-color: #999 #000 #000 #999;
	color: #000;
	line-height: 24px;
}

div#dossiertop ul#dossiereditbuttons li a:hover {
	border-color: #999 #000 #000 #999;
}

div#dossiertop ul#dossiereditbuttons li a:active {
	border-color: #000 #999 #999 #000;
}

div.tableTitle {
	font-weight: bold;
	width: 800px;
	margin: 10px auto;
	text-align: left;
}

#dossier table.tableNormal {
	border: 0px solid #000;
	border-collapse: collapse;
	margin: auto;
	width: 800px;
}

#dossier table.tableNormal td {
	border: 1px solid #666;
	border-collapse: collapse;
	text-align: left;
	padding: 3px;
}

.rowTitle {
	width: 26%;;
	background-color: #dfe8ef;
}

/***********************************************************************************************************/
	/******************************************************* tree ******************************************/
	/***********************************************************************************************************/
body#overview {
	text-align: left;
	background-image: none;
	overflow: auto; /*	 for IE hide vert scrollbar */
}

#ov-bg {
	width: 980px;
	margin: 0 auto;
	background: url(../images/ov_bg_pattern.gif) repeat-y right;
}

#ov-n {
	width: 980px;
	background: url(../images/ov_bg_top.gif) no-repeat top right;
}

#ov-s {
	width: 980px;
	height: 300px;
	background: url(../images/ov_bg_bottom.gif) no-repeat bottom right;
	position: relative;
}

/* - original rules --
#treeInstruct {
	float:right;
	background:#f7fafc;
	border: 1px solid #557ba8;
	border-width: 1px 1px 1px 1px;
	padding:3px 6px;
	margin:18px 20px 0 0;
	font-size:10px;
	text-align:left;
	}

#treeInstruct p {
	padding:6px 6px 6px 6px;
	}
*/
#treeInstruct {
	float: right;
	float: none;
	background: #f7fafc;
	background: none;
	border: 0px solid #557ba8;
	padding: 3px 6px;
	margin: 18px 20px 0 0;
	margin: 20px 0 0 10px;
	width: 260px;
	font-size: 150%;
}

#treeInstruct p {
	padding: 6px 6px 6px 6px;
}

/*#dojoTreeHolder-bg {
	background-image: url(../images/treeHolder_bg.gif);
	background-repeat: repeat-y;
	background-position: right;
	border:0px solid red; 
	position:absolute;
	top:140px;
	left:0;
	}
#dojoTreeHolder-n {
	background:url(../images/treeHolder_top.gif) no-repeat right top;
	}
#dojoTreeHolder-s {
	width: 500px;
	height: 400px; 
	position:relative;
	background:url(../images/treeHolder_bottom.gif) no-repeat right bottom;
	}*/
#dojoTreeHolder {
	width: 607px;
	height: 350px;
	overflow: auto;
	position: absolute;
	top: 11px;
	left: 351px; /* tree on right */
	left: 22px; /* tree on left */ /* move to treeV3 required changes: */
	width: 597px;
	padding: 10px 0 0 10px;
	/* testing
	background:green;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;	
	*/
}

.dojoTree {
	margin: 10px 0 0 10px;
	overflow: visible !important;
	/* fixes IE7's wonderful way of doubling up scrollbars */
}

.dojoTreeNode {
	border: 0px solid green;
}

/* 

#overviewDetails-bg { outer 
	float:right;
	background: url(../images/details_sidebar_bg.gif) repeat-y;
	margin: 10px 0 0 0;
	}

#overviewDetails-n { 
	background: url(../images/details_sidebar_top.gif) no-repeat top;
	}
#overviewDetails-s { 
	background: url(../images/details_sidebar_bottom.gif) no-repeat bottom;
	width: 220px;
	height: 500px;
	position:relative;
	}*/
#selectednodedetails { /* inner */
	width: 307px;
	height: 350px;
	position: absolute;
	top: 11px;
	left: 22px; /* tree on right */
	left: 662px; /* tree on left */
	overflow: auto;
	/* testing
	background:green;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;	
	*/
}

#detailsInner {
	margin: 20px 15px 0 10px;
}

#selectednodedetails h3 {
	color: #999;
	text-transform: uppercase;
}

#selectednodedetails h2 {
	color: #000;
	font-size: 175%;
	margin: 0 0 0 0;
	line-height: 100%;
}

#selectednodedetails h2 a {
	color: #000;
}

#selectednodedetails h2 a:hover {
	color: #f7941d;
}

#selectednodedetails p.detailsDesc {
	color: #154476;
	margin: 3px 0 10px 0;
}

p.contained {
	color: #999;
	text-transform: uppercase;
	font-style: normal;
	margin: 0;
}

#selectednodedetails ul {
	margin: 5px 0 20px 15px;
}

#selectednodedetails ul li {
	margin: 0 0 3px 0;
}

#selectednodedetails ul li a {
	color: #333;
}

#selectednodedetails ul li a:hover {
	color: #ff8c1a; /* orange */
	text-decoration: underline;
	/* color:#154476; blue */
}

#expandTree,#collapseTree,#expandDisabled {
	width: auto;
	position: absolute;
	top: 10px;
	right: 400px;
}

#expandDisabled {
	top: 11px;
}

#expandTree a,#collapseTree a {
	background: #f7f7f7;
	border: 1px solid #557ba8;
	padding: 3px 10px;
	display: block;
	color: #000;
}

#expandDisabled a {
	background: #f7f7f7;
	border: 1px solid #ccc;
	border-top-width: 0;
	padding: 3px 10px;
	display: block;
	color: #999;
	cursor: default;
}

#expandTree a:hover,#collapseTree a:hover {
	background: #fefefe;
}

.loaderholder {
	width: 100px;
	height: 120px;
	background: url("../images/loading.gif") center center no-repeat;
	align: left;
}

/*

html, body  {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
    color: black;
    background-color: white;
    font-family: Verdana, Arial, sans-serif;
    font-size:12px;
}
.titleDiv {
    background-color: #EFFBEF;
    font-weight:bold;
    font-size:18px;
    text-align:left;
    padding-left:10px;
    padding-top:10px;
    padding-bottom:10px;
    border:2px solid #8F99EF;
}
h1 { font-weight:bold; color: brown; font-size:15px; text-align:left;}

td { font-size:12px; padding-right:10px; }
th { text-align:left; font-weight:bold; font-size:13px; padding-right:10px; }
.tdLabel { font-weight: bold; white-space:nowrap; vertical-align:top;}
.tableCaption {
    font-weight:bold;
    font-size:16px;
    text-align:center;
    padding-left:10px;
    padding-top:10px;
    padding-bottom:10px;
}

A { color:#4A825A; text-decoration:none;}
A:link { text-decoration:none;}
A:visited { text-decoration:none;}
A:hover { text-decoration:none; color: red;}

.borderAll {
    border: 2px solid #8F99EF;
}

.butStnd {
    font-family:arial,sans-serif;
    font-size:11px;
    width:105px;
    background-color:#DCDFFA ;color:#4A825A;font-weight:bold;
}
*/
.error {
	color: red;
	font-weight: bold;
}

.errorSection {
	padding-left: 18px;
	padding-top: 2px;
	padding-bottom: 10px;
	padding-right: 5px;
}

.nowrap {
	white-space: nowrap;
}

/* popper */ /* plain links */
#settingsLink,
#moreResultsLink a,
.moreResultsLink,
#descSearchLink,
.poppr-desc a,
.contextLink,
.destroyer
	{
	color: #000;
	color: #039;
	text-decoration: underline;
}

#settingsLink:hover,
#moreResultsLink a:hover,
.moreResultsLink:hover
#descSearchLink:hover,
.poppr-desc a:hover,
.contextLink:hover,
.destroyer:hover
	{
	color: #039;
	color: #00f;
	text-decoration: underline;
}

.contextLink {
	cursor: pointer;
}


.tdddnavicon
{
background: url( "../images/biogrid/headerlogopart.gif" );
z-index: 99;
width: 195px;
height: 110px;
padding: 0px;
border: 0px;
}

.tdddnavrest
{
background: url( "../images/biogrid/Header_Rest.gif" ) no-repeat right top;
z-index: 99;
width: 805px;
height: 110px;
padding: 0px;
border: 0px;
}

.tdddmenu
{
background: url( "../images/biogrid/coloredgrid_bottompart.gif" );
width: 1000px;
height: 20px;
padding:0px;
border: 0px;
}

ul.tabs{
list-style-type:none;
padding:0px;
margin:0px;
width: 100%;
background: url( ../images/biogrid/coloredgrid_bottompart.gif ) no-repeat;
z-index: 99;
background-position: top right;
}

ul.tabs li{
background:transparent url( ../images/biogrid/tabright.gif ) no-repeat right top;
float:left;
padding-left:2px;
margin:0px;
margin-left:0px;
height: 20px;
text-align: left;
}

ul.tabs li a {
background:transparent url( ../images/biogrid/tableft.gif) no-repeat left top;
padding: 0px 10px;
float:left;
height: 20px;
text-decoration: none;

}

ul.tabs li a span
{
background: #8D8E90;
font: bold 13px Verdana;
color: white;
vertical-align: middle;
line-height: 20px;
margin-left: 0px;
display: block;
}


ul.tabs li a:hover span
{
background: #669DA3;
}

ul.tabs li a:hover 
{
background:transparent url(../images/biogrid/tablefthl.gif) no-repeat left top;
}

.loginlink
{
background: #669DA3;
margin-right: 20px;
}

.loginlink a
{
font: bold 12px Verdana;
text-decoration: none;
color: white;
padding: 3px;
}

.loginlink a:hover
{
color: #6a6b6c;
}

.midtable
{
background: white;
}

#bgfooter {
background-color: #669DA3;
font: bold 11px verdana;
}

#bgfooter td {
font: bold 11px verdana;
background-color: #669DA3;
color: white;
}

#bgfooter a {
color: white;
text-decoration: none;
}

#bgfooter a:hover {
color: #6A6B6C;
}

.dth {
align: left;
text-align: left;
}

.dtsIn {
align: left;
text-align: left;
}