/* This section should work with the HTML from all OpenSkills systems */

body {
  font-family: verdana, arial, helvetica, sans-serif;
  margin: 0;
  border: 0;
  padding: 0;
  color: #4b4b4b;   /* grey for text */
  background-color: #EEF1F6;  /* very light grey for background */
}

p.commentary {
  font-family: Georgia, "New Century Schoolbook", Times, serif;
}

/* The followiing is a cludge for SkillsBase search results */
tr, td {
  border: 1px solid #666666;
  padding: 2px;
  margin: 0;
  font-size: small;
}

#outerMostDiv {
  background-color: #EEF1F6;  /* very light grey for background */
  left: 0;
  right: 0;
  top: auto;
  height: 100%; */
  margin: 0;
  border-top: 2px solid #0060a4;
  padding: 0;
/*  background-image: url(background.jpg);*/
  background-repeat: repeat-x;
}

#outerMostDiv a {
  color: #c63f52;
}
#outerMostDiv a:link, #outerMostDiv a:visited {
  text-decoration: none;
}

#outerMostDiv a:hover {
  text-decoration: underline;
}

#outerMostDiv h1, #outerMostDiv h2, #outerMostDiv h3 {
 font-weight: bolder; color: #0060a4;
}

#openSkillsHeader {
  position: absolute;
  top: 8px;
  left:5px;
  height: 50px;
  width: 170px;
  margin: 0px 0px 5px 0px;
  background-image: url(OSkLogo-r-2.png);
  background-repeat: no-repeat;
  background-color: #ffffff;
  float: left;
}

#openSkillsHeader h1 {
	display: none;
}

#systemMenu {
  position: absolute;
  top: 8px;
  left:175px;
  height: 30px;
  width: 795px;
  margin: 0px 0px 5px 0px;
  padding-top: 10px;
  padding-left: 20px;
  font-weight: bold;
  float: left;
  clear: right;
}

#systemMenu ul{

  list-style: none;
  bottom: 0;
  margin: 0;
  padding: 0;
  padding-top: 4px;
}

#systemMenu li {
  display: inline;
  background-color: #8d9fb7; /* Blue/grey for background */
  margin: 0px 5px 0px 5px;
  border: 1px solid #7a7a7a; /*Dark grey for border */
  padding: 5px;
}

#systemMenu a:link, #systemMenu a:visited {
  color: #ffffff;

}

#systemMenu a:hover {
  color: #c63f52;
}

#applicationHeader {
  position: absolute;
  top: 65px;
  left: 5px;
  width: 170px;
  height: 3em;
  clear: left;
  background-color: #ffffff;
}

#applicationMenu {
  position: absolute;
  top: 113px;
  left: 5px;
  width: 170px;
  background-color: #ffffff; /* Blue/grey for background */
  font-weight: bold;
  clear: left;
}

#applicationMenu ul {
  list-style: none;
  margin: 10;
  padding: 0;

}

#applicationMenu li {
  margin: 5px 10px;
  border: 1px solid #7a7a7a; /*Dark grey for border */
  padding: 5px 10px;
  background-color: #8d9fb7; /* Blue/grey for background */
}

#applicationMenu a:link, #applicationMenu a:visited {
  color: #ffffff;
}

#applicationMenu a:hover {
  color: #c63f52;
}


#pageHeader {
  position: absolute;
  top: 65px;
  left: 180px;
  width: 800px;
  height: 50px;
  padding: 5px;
  background-color: #ffffff;
}

#content {
  position: absolute;
  top: 113px;
  left: 180px;
  width: 800px;
  padding: 5px;
  background-color: #ffffff;
}

#content p {
  max-width: 600px;
}

.smallPrint {
	font-size: small;
	color: grey;
}

/* This is CSS specific to the OpenSkills home page */


div.doitBox p {
	margin: 0 0 0 0;
	border: 0 0 0 0;
	}

div.doitBox a:link, div.doitBox a:visited {
  color: #ffffff;
}

div.doitBox a:hover {
  color: #c63f52;
}

div.doitBox {
	margin: 10px 10px 10px 13px;
	padding: 0px;
	border: solid 1px  #6f7f93;  /* Dark grey */
	background: url(infoBoxBodyBg1x130px.png) white repeat-x bottom;
	width: 142px;
	height: 160px;
	font-weight: bold;
	color: #0096d7; /*Light blue for doit box text content */
	text-align: center;
}

div#becomeAMemberBox {
	height: 150px;
}

div.boxHeader {
	margin: 0;
	padding: 0;
	border-bottom: solid 1px  #6f7f93; 
	background-color: #8d9fb7;
	width: 142px;
	height: 24px;
	font-weight: bold;
	color: white;
	font-size: 10px;
	text-align: center;
}

div.boxHeader>p {
	margin: 0;
	border: 0;
	padding-top: 6px;
}

input#findMemberPatternField {
	margin: 3px;
	width: 100px;
	font-size: 0.8em
}

div#joinUsLinkDiv {
	margin: 0;
	border: solid 1px  #6f7f93; 
	padding: 5px;
	width: 79px;
	height: 14px;
	position: relative;
	top: 5px;
	left: 24px;
	background-image: url(buttonBg1x24px.png);
}
div#joinUsLinkDiv>a {
	margin: 5px;
}



p.boxLine1 {
	margin: 0;
	padding-left: 15px;
	padding-top: 12px;
	padding-bottom: 0;
	text-align: left;
	font-size: 18px;
	font-weight: bolder;
}

p.boxLine2 {
	position: relative;
	top: -2px;
	margin: 0;
	padding-left: 22px;
	padding-top: 0px;
	padding-bottom: 0;
	text-align: left;
	font-size: 16px;
	font-weight: bolder;
}

p.boxLine3 {
	position: relative;
	top: -4px;
	margin: 0;
	padding-left: 35px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	font-size: 16px;
	font-weight: bolder;
}


span.darkBlue {
	color: #0060a4
}

#footnote {font-size: 0.7em; font-weight: normal; color: #4b4b4b;}

/* SkillsBase specific styles */

.searchableSkill {
  font-weight: bold;
}

.abstractSkill {
  font-style: italic;
}

tr.selectedSkill {
  font-weight: bold;
}

tr.revokedSkill {
  color: red;
}

li.revokedSkill {
  color: red;
}

ul.engagementSkills {
  display: block;
  margin: 0 15px;
  padding: 0; 
  font-size: small;
}

.smallPrint {
  font-size: small;
  color: grey;
}

#skillstree ul {
  display: block;
  margin: 0 20px;
  padding: 0; 
  font-size: small;
}

#skillstree ul li {
  list-style: none;
}