/* @override http://m-1po.local:8888/global/styles/GlobalScreen.css */

/* Global styles for Digital Concepts website */

/*
	 When overriding the following 'global' styles with LocalScreen.css styles, keep in mind the cascading
	 precedence rules:
	 
	 Step 1:
		a. Count the number of ID attributes in the selector
		b. Count the number of CLASS attributes in the selector
		c. Count the number of HTML tag names in the selector
		
	 Step 2:
	 	Write the three numbers in exact order with no spaces or commas to obtain a three digit number.
	 	(Note, you may need to convert the numbers to a larger base to end up with three digits.)
	 	The final list of numbers corresponding to selectors will easily determine specificity with
	 	the higher numbers winning out over lower numbers. Following is a list of selectors sorted by specificity:

			#id1         {xxx} /* a=1 b=0 c=0 --> specificity = 100
			UL UL LI.red {xxx} /* a=0 b=1 c=3 --> specificity = 013
			LI.red       {xxx} /* a=0 b=1 c=1 --> specificity = 011
			LI           {xxx} /* a=0 b=0 c=1 --> specificity = 001
*/

/* @group Base Styles */

/* Underlying style defaults */

body {
	font: 12pt -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	color: #555d66;
	text-align: left;
	margin: 0;
}

/* Set the colours for links */

a { color: #3D88BF; text-decoration: none; border-bottom: 1px dotted #8facbf; }
a.image_group {	border-bottom: none; }
a:hover { color: navy; }
a:active { color: #080032; }

/* @end Base Styles */

/* @group Default List Styles */

ul {
	margin-top: 10px;
}

li:not(:last-child) {
    margin-bottom: 5px;
}

/* @end Default List Styles */

/* @group Header & Footer */

.mainBarHeaderLine,
.mainBarTagLine {
	display: none;
}

/* @end Footer Styles */

/* @group Main Bar Styles */

.mainBar {
	width: 1000px;
	margin-left: 50px;
	padding-bottom: 20px;
	position: absolute;
}

.mainBarMiddle {
	background: #fff;
	margin-top: 10px;
	padding-top: 10px;
}

.mainBarContent {
	width: 950px;
	overflow: auto;
	margin:  auto;
	padding: 30px 30px 0px 30px;
	text-align: left;
	white-space: normal;
}

.mainBarContent ul,
.mainBarContentExtended ul {
	list-style-type: disc;
}

.mainBarContent ul li,
.mainBarContentExtended ul li {
	margin-top: 0;
	padding-top: 0;
}

#mainBarFooter {
	font: 7pt "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #888;
	text-align: right;
	margin-top: 15px;
	margin-right: 30px;
	z-index: 10;
}

/* Various special paragraph styles */

p {
	line-height: 150%;
	margin: 10px 0px 0px 0px;
}

sup, sub {
  font-size: 65%;
  vertical-align: baseline;
  position: relative;
  top: -0.6em;
}

sub { 
  top: 0.2em; 
}	

/* Style for the first character of the first paragraph on a page */

.initial:first-letter { font-size: 140%; }

/* Make the heading styles match our paragraph style */

h1 { font-size: 180%; font-weight: normal; text-align: left; }
h1.initial:first-letter { font-size: 200%; }

h2 { font-size: 160%; font-weight: normal; text-align: left; }
h2.initial:first-letter { font-size: 180%; }

h3 { font-size: 140%; font-weight: normal; text-align: left; margin-bottom: 2pt; }
h3.initial:first-letter { font-size: 160%; }

h4 { font-size: 120%; font-weight: normal; text-align: left; margin-bottom: 2pt; }
h4.initial:first-letter { font-size: 140%; }
#headerList h4 { margin-top: 6pt; }

h5 { font-size: 110%; font-weight: normal; text-align: left; margin-bottom: 2pt; }
h5.initial:first-letter { font-size: 125%; }

h6 { font-size: 100%; font-style: italic; font-weight: normal; text-align: left; margin-bottom: 2pt; }
h6.initial:first-letter { font-size: 110%; }

h1, h2, h3, h4, h5, h6 {
	color: #2c5f8c;
}