A:link, A:hover {
	color: navy;
	
}
A:active, A:visited {
	color: navy;
}

BODY {
	background-color: white; /*MC*/
	font-family: "calibri", sans-serif;
	font-size: 100%;
	height: 100%;
	width:99%;
	margin: 0px;
	/* border: solid 1pt red; for testing only */
	}

BODY.Content {
	background-color: #FFFFFF;
}

LI {
	margin-left: 0px
}


#contentIFrame {
	border: 1pt solid white; /*MC changed*/ 
	/*border-right: 0px;*/
	height: 100%;
	left: 256px;
	margin:0px;
	position: absolute;
	right:0;
	top:12px;
	width:96.9em;		
}
/*above - width setting stops the resizing issue when page first opened. Strange value is result o0f trial and error. Weird interplay between index.html and main content frame width settings */

#linkDocIFrame {
	width: 100%;
	height: 500px;
	background-color: white;
}

#Preload {
	background: #FFFFFF;
	border-top: 1px solid white;
	margin-top: 5px;
	width: 100%;
} /* MC - no idea what this does */


#resizeFrames {
	cursor: w-resize;
	left: 252px;
	height: 100%;
	position: absolute;
	top: 0px;
	width: 5px;
	z-index: 10;
}
/*causes frames to jump - if remove, left frame cannot be rsized*/

#tmpRF {
	background: white; 
	border-bottom: #CCCCCC 2px solid;
	cursor: w-resize;
	height: 100%;
	position: absolute;
	top: 1px;
	width: 5px;
	z-index: 5;
}

#tocIFrame {
	background: #FFFFFF;
	border: 5px solid white; /* MC -changed */
	border-left: 0px;
	height: 100%;
	margin: 0px;
	width: 250px;
	position: absolute;
	top: 12px;
}


/* if hide following, it breaks the show/hide close browser control */
.IndexBody {
	width: 100%;
	bottom: 12px;
	position: absolute;
	top: 61px;
}
.IndexHeader {
	background-color: #FFFFFF;
	border-bottom: 1px solid white;
	height: 60px;
	margin: 0px;
}
.IndexHeader IMG {
	margin: 0px;
	margin-bottom: -5px;
	padding: 0px;
}
.IndexTitle {
	color: #405E8D;
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	top: 40px;
	left: 5px;
}
/* end browser-required code*/

/* this seesm to be a duplicate of same class specified below...
.ItemBody {
	display: none;
	margin-top: 7px;
	padding: 1.5em;
	border: 1px solid navy;
	padding-top:1em;
	width:95% !Important; 
	overflow-x: hidden;
	height:600px; 
}*/


.TableGroup {
	margin-right: 0px;
	background: white; /*MC - changed */
	padding: 3px;
	position: relative;
	top: 10px;
}

.TableGroup UL {
	position: relative;
	margin-left: -42px; /*MC - changed*/

}

.ItemTitle LI {
	background-color: white; /*MC - changed*/
	border-left: 1px solid navy;
	border-right: 1px solid navy;
	border-top: 1px solid navy;
	cursor: pointer;
	float: left;
	font-size: 15px; /*MC*/
	list-style: none;
	margin: 0px 3px;
	padding: 1px 10px;
	position:relative;
	left:1.5em;
	white-space: nowrap;
	
	-webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; 
	
}

UL.ItemTitle {
	color: #000000;
	list-style: square;
	margin-bottom: 0pt;
	margin-top: 0pt
} /*MC - this affects the tab control */

.ItemBody {
	display: none;
	margin-top: 7px;
	position:relative;
	left:1.5em;
	padding: 1.5em;
	border: 1px solid navy;
	padding-top:1em;
	width:95% !Important; /*MC change - seems to be only way of forcing width*/
	overflow-x: hidden;
	height:600px; /* MC - new but doesn't affect description scrooll-bars */
}


.ObjectDetailsNotes {
	background-color: white;}


.PageBody {	margin: 5px;
	min-height:100%;
position:relative;}


.ObjectDetailsNotes UL, .ItemBody UL {
	position: static;
	margin: 0px 0px 5px 5px;
}

/* ----------------CUSTOM--------------------------- */

/* 1 SHARED Object and Diagram */
/* Heading */

H1 {background-color:#016a86;
color:white;
position:relative;
bottom:0.8em;
padding:0.2em;
}

.stereotype {
	font-weight:bold;color:silver;margin-left:0.25em;font-size:70%;
	}

/* Top-links and ref panels */
#lastupdated {
	position:absolute;
	top:3em;
	left:0em; 
	font-size:75%;
	color:gray;
	}
.toplinks_modref {
	position:absolute;
	top:3em;right:0.5em; 
	font-size:75%;
	}
.toplinks_modref a {text-decoration:none;
	color:gray;}
.toplinks_dropdown {
	font-size: 80%; width:30em; position:absolute;right:1em; top:5em; background-color: beige;z-index:100;padding:1em;
	}

@media only screen and (max-width: 800px) {
.toplinks_modref {display:none !important;}  
}


/* 2 DIAGRAM PAGE */
#diagram_about_link a {
	color: #016a86; 
	position:relative;
	font-size:110%;
	left:22em;
	bottom:1.25em;
	}
	
#diagram_note_panel {
	padding:1em;
	position:absolute;
	left:0.35em; top: 5.5em; 
	width:30em;
	max-height:30em;
	overflow:auto; 
	background-color:#e6f2f5;
	display:block;
	font-size:80%;
	}

/* 3 OBJECT PAGE */

/* diagrammed on */
#appearson_list a {display:block;}
#appearson_list p {margin-left:2em;color:darkred;}
#comma_list a {padding-left:2.5em;
background-image: url("../img/parent.png");
background-repeat: no-repeat;
display:block !important;}

/* Description Text */
#DescriptionTable .ObjectDetailsNotes {width: 80% !important;}
.exceptionText {color:darkred;margin-left:2em;}

/* Linked Files - ie Files tab*/
#FilePackage {padding-left:1.5em;}
.linkedFile a {color:blue;font-size:110%;}


/* Relationships */
ul.assoclist  li, ul.assoclist_context li {list-style:none;line-height:15pt;}

ul.assoclist a {text-decoration:none;color: navy; }
ul.appearson_list_item a {text-decoration:none;color: navy; }

.link_name_To  {
	color:darkgreen;font-size:80%;padding-left:1em;position:relative;bottom:2pt;
	}  

.link_name_From  {
	color:darkred;font-size:80%;padding-left:1em;position:relative;bottom:2pt; 	} 

.link_name_From::before {content: ">> ";}


.link_note  {
	color:brown;background-color:rgb(255, 255, 240);
width:90%;font-size:80%;padding-left:4em;margin-top:0pt;
display:block;position:relative;bottom:0.5em;
}  

.link_object  {
	color:black;position:relative;bottom:2pt;
	}  

.link_To {
	color:darkgree;font-size:70%;padding-right:1em;position:relative;bottom:3pt; right:3.5em;
	}

.link_From {
	color:darkred;font-size:70%;padding-right:1em;position:relative;bottom:2pt; right:3.5em; display:hide;
	}
	
.link_GeneralizationTo, .link_GeneralizationFrom {
	color:darkred;font-size:80%;padding-right:1em;position:relative;bottom:0.2em; left:1em;
	}
	
.ElementName {color:black;}

/* icons for association links */

.actor {color:black;padding-left:0.5em;
background-image: url("../img/actor.bmp");
background-repeat: no-repeat;
}

.activity {color:black;padding-left:0.5em;
background-image: url("../img/activity.bmp");
background-repeat: no-repeat;
}

.app_external {color:black;padding-left:0.5em;
background-image: url("../img/app_external.bmp");
background-repeat: no-repeat;
}

.app_sparx {color:black;padding-left:0.5em;
background-image: url("../img/app_sparx.bmp");
background-repeat: no-repeat;
}

.application {color:black;padding-left:0.5em;
background-image: url("../img/application.bmp");
background-repeat: no-repeat;
}

.artefact {color:black;padding-left:0.5em;
background-image: url("../img/artefact.bmp");
background-repeat: no-repeat;
}

.author {color:black;padding-left:0.5em;
background-image: url("../img/actor.bmp");
background-repeat: no-repeat;
}

.boundary {color:black;padding-left:0.5em;
background-image: url("../img/boundary.bmp");
background-repeat: no-repeat;
}

.competency {color:black;padding-left:0.5em;
background-image: url("../img/competency.bmp");
background-repeat: no-repeat;
}

.context {color:black;padding-left:0.5em;
background-image: url("../img/context.bmp");
background-repeat: no-repeat;
}

.date {color: black;padding-left:0.5em;
background-image: url("../img/date.bmp");
background-repeat: no-repeat;
}

.diagramlist {color:black;padding-left:1.5em;
background-image: url("../img/diagram.png");
background-repeat: no-repeat;
}

.discipline {color:black;padding-left:0.5em;
background-image: url("../img/discipline.bmp");
background-repeat: no-repeat;
}

.event {color:black;padding-left:0.5em;
background-image: url("../img/event.bmp");
background-repeat: no-repeat;
}

.ext_file {color:black;padding-left:0.5em;
background-image: url("../img/extfile.bmp");
background-repeat: no-repeat;
}

.issue {color:black;padding-left:0.5em;
background-image: url("../img/issue.bmp");
background-repeat: no-repeat;
}

.library {color:black;padding-left:0.5em;
background-image: url("../img/context.bmp");
background-repeat: no-repeat;
}

.modeling_capability  {color:black;padding-left:0.5em;
background-image: url("../img/modeling_capability.bmp");
background-repeat: no-repeat;
}

.principle  {color:black;padding-left:0.5em;
background-image: url("../img/principle.bmp");
background-repeat: no-repeat;
}

.process  {color:black;padding-left:0.5em;
background-image: url("../img/process.bmp");
background-repeat: no-repeat;
}

.publication {color: black;padding-left:0.5em;
background-image: url("../img/principle.bmp");
background-repeat: no-repeat;
}

.report {color:black;padding-left:0.5em;
background-image: url("../img/artefact.bmp");
background-repeat: no-repeat;
}
.service {color: black;padding-left:0.5em;
background-image: url("../img/service.bmp");
background-repeat: no-repeat;
}

.theme {color: black;padding-left:0.5em;
background-image: url("../img/modeling_capability.bmp");
background-repeat: no-repeat;
}