@font-face {
	font-family: 'LoopStdReg'
	src: url('theme/AkkuratStd-Regular.otf');
}

@font-face {
	font-family: "LoopStdLight";
	src: url("theme/AkkuratStd-Light.otf");
}


BODYLoop {
	font-family: LoopStdReg, Arial, sans-serif;
}

body {
	font-family: Arial, sans-serif;
}

table {
}

BODYOrig {
	BACKGROUND-COLOR: #f4f4f4;
	FONT-FAMILY: "Microsoft Sans Serif", Arial, sans-serif;
	color: #222222
}

bodyBussy {
	BACKGROUND-COLOR: #f4f4f4;
	font: 13px/1.65em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,
		sans-serif;
	color: #444;
	/*-webkit-font-smoothing: antialiased; Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}

TBODY {
	
}

H1 {
	FONT-SIZE: xx-large;
	FONT-FAMILY: Arial, sans-serif; /* "Myriad Pro", "Trebuchet MS", Arial */
}

H2 {
	font-size: x-large
}

H3 {
	font-size: large;
}

H4 {
	
}

H5 {
	
}

H6 {
	font-weight: bold;
    font-size: small
}

TD {
	
}

P {
	
}

fieldset {
	border-color: #CCCCCC;
	padding-bottom: 5px;
	padding-left: 10px;;
	padding-right: 5px;
	border-style: solid;
	border-width: 1px;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 2px;
	margin-right: 0px
}

fieldsetSearch {
	margin-left: 10px;
	margin-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 5px;
	border-color: #92b6cb
}

legend {
	FONT-SIZE: xx-small;
	margin-bottom: 5px;
	margin-top: 1px;
	COLOR: #336699;
	text-transform: uppercase;
	font-weight: bold;
	width: inherit;
	padding-right: 5px;
	padding-left: 5px
}

legendSave {
	FONT-SIZE: xx-small;
	margin-bottom: 5px;
	margin-top: 1px;
	COLOR: #505a8b;
	text-transform: uppercase;
	font-weight: bold
}

a.masthead-mainlink:link,a.masthead-mainlink:visited {
	text-decoration: none;
	color: #293d6b;
	font-size: 9pt;
}

a.masthead-mainlink:hover {
	text-decoration: underline;
	color: #293d6b;;
}

a.linkx:link,a.linkx:visited {
	text-decoration: none;
	color: #293d6b;
	font-size: 8pt;
}

a.linkx:hover {
	text-decoration: underline;
	color: #162138;;
	background-color: menu;
	font-weight: bold
}

a.linkn:link,a.linkn:visited {
	text-decoration: none;
	color: #293d6b;
	font-size: 8pt;
}

a.linkn:hover {
	text-decoration: none;
	color: #293d6b;
}

a.linkL:link,a.linkL:visited {
	text-decoration: underline;
	color: blue;
	font-size: 8pt;
}

a.linkL:hover {
	text-decoration: underline;
	color: #293d6b;
}

a.linkU:link,a.linkU:visited {
	text-decoration: underline;
	color: #293d6b;
	font-size: 8pt;
}

a.linkU:hover {
	text-decoration: underline;
	color: #293d6b;
}

div.mainheader {
	color: #ff8000;
	font-family: Arial, Verdana;
	font-size: 11pt
}

.subhead {
	color: #E07000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}

a.cb01 {
	/* IE and Foxfire interprete width and height padding differently , so better not use */
	/* width:3em; */
	/* height:1.5em; */
	font: 80%/1 Arial, Verdana, sans-serif;
	/* border: 2px solid #99CCFF; */
	border: 1px solid #eeeeee;
	text-decoration: none;
	text-align: center;
	padding: 0.0em 0.2em 0.0em 0.2em;
	background: #eeeeee;
	color: black;
}

a.cb01:hover {
	font: 80%/1 Arial, Verdana, sans-serif;
	text-decoration: none;
	border: 1px solid black;
	background: #eeeeee;
	color: black;
}

@media print {
	#headarea {
		display: none;
	}
}

P.Newpage {
	color: white
}

.pdstable_pdstitle_bgrnd {
	FONT-WEIGHT: bold;
	COLOR: #fff;
	BACKGROUND-COLOR: rgb(141, 142, 155);
	text-align: center
}

.pdstable {
	border-style: solid;
	border-width: 1px;
	border-color: #92b6cb
}
/* #92b6cb */
.pdstable TD {
	BORDER-RIGHT: #92b6cb 1px solid;
	BORDER-BOTTOM: #92b6cb 1px solid
}

.pdstable TH {
	BORDER-RIGHT: #92b6cb 1px solid;
	BORDER-BOTTOM: #92b6cb 1px solid
}

.pdstable THEAD {
	BORDER-RIGHT: #92b6cb 1px dashed;
	BORDER-TOP: #92b6cb 1px dashed;
	BORDER-LEFT: #92b6cb 1px dashed;
	BORDER-BOTTOM: #92b6cb 1px dashed;
	TEXT-ALIGN: center
}

.pdstable #pdstitle {
	FONT-WEIGHT: bold;
	COLOR: #000;
	TEXT-ALIGN: center
}

.pdstable #pdstitle_bgrnd {
	FONT-WEIGHT: bold;
	COLOR: #fff;
	BACKGROUND-COLOR: rgb(141, 142, 155);
	TEXT-ALIGN: center
}

.pdstable #pdslabel {
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold;
	COLOR: #999999;
	TEXT-ALIGN: left
}

.pdstable #pdsheaderdata {
	PADDING-LEFT: 3px;
	COLOR: #000000;
	TEXT-ALIGN: center
}

.pdstable #pdsdata {
	PADDING-LEFT: 5px;
	COLOR: #000000;
	TEXT-ALIGN: left
}

.pdstable A {
	COLOR: #000066;
	TEXT-ALIGN: center;
	TEXT-DECORATION: underline
}

.pdstable A:hover {
	COLOR: #000066;
	TEXT-ALIGN: center;
	TEXT-DECORATION: none
}

.pdscleartable {
	border-style: none;
	border-width: 0px
}

.pdscleartable TD {
	border-style: none;
	border-width: 0px
}

.pdscleartable TH {
	border-style: none;
	border-width: 0px
}

.pdspopup {
	BORDER-RIGHT: #92b6cb 3px solid;
	BORDER-TOP: #92b6cb 3px solid;
	BORDER-LEFT: #92b6cb 3px solid;
	BORDER-BOTTOM: #92b6cb 3px solid
}

.pdspopup TD {
	BORDER-RIGHT: #92b6cb 1px solid;
	BORDER-BOTTOM: #92b6cb 1px solid
}

.pdspopup TH {
	BORDER-RIGHT: #92b6cb 1px solid;
	BORDER-BOTTOM: #92b6cb 1px solid
}

.pdspopup THEAD {
	BORDER-RIGHT: #92b6cb 1px dashed;
	BORDER-TOP: #92b6cb 1px dashed;
	BORDER-LEFT: #92b6cb 1px dashed;
	BORDER-BOTTOM: #92b6cb 1px dashed;
	FONT-FAMILY: "Myriad Pro", "Trebuchet MS", Arial;
	TEXT-ALIGN: center
}

.pdspopup #popuptitle {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #000;
	FONT-FAMILY: "Myriad Pro", "Trebuchet MS", Arial;
	TEXT-ALIGN: center
}

.pdspopup #popuptitle_bgrnd {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #fff;
	FONT-FAMILY: "Myriad Pro", "Trebuchet MS", Arial;
	BACKGROUND-COLOR: rgb(141, 142, 155);
	TEXT-ALIGN: center
}

.pdspopup #popuplabel {
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #000;
	FONT-FAMILY: "Myriad Pro", "Trebuchet MS", Arial;
	TEXT-ALIGN: left
}

.pdspopup #popupheaderdata {
	PADDING-LEFT: 3px;
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-FAMILY: "Myriad Pro", "Trebuchet MS", Arial;
	TEXT-ALIGN: center
}

.pdspopup #popupdata {
	PADDING-LEFT: 5px;
	FONT-SIZE: 10px;
	COLOR: #999999;
	FONT-FAMILY: "Myriad Pro", "Trebuchet MS", Arial;
	TEXT-ALIGN: left
}

.pdspopup #popupselect {
	PADDING-LEFT: 5px;
	FONT-SIZE: 10px;
	COLOR: #999999;
	FONT-FAMILY: "Myriad Pro", "Trebuchet MS", Arial;
	TEXT-ALIGN: left
}

.pdspopup #popuptextbox {
	PADDING-LEFT: 5px;
	FONT-SIZE: 10px;
	COLOR: #999999;
	FONT-FAMILY: "Myriad Pro", "Trebuchet MS", Arial;
	TEXT-ALIGN: left
}

.pdspopup BUTTON {
	FONT-SIZE: 10px;
	COLOR: #ffffff;
	FONT-FAMILY: "Myriad Pro", "Trebuchet MS", Arial;
	BACKGROUND-COLOR: #000033
}

.pdspopup A {
	FONT-SIZE: 14px;
	COLOR: #000066;
	FONT-FAMILY: "Myriad Pro", "Trebuchet MS", Arial;
	TEXT-ALIGN: center;
	TEXT-DECORATION: underline
}

.pdspopup A:hover {
	FONT-SIZE: 14px;
	COLOR: #000066;
	FONT-FAMILY: "Myriad Pro", "Trebuchet MS", Arial;
	TEXT-ALIGN: center;
	TEXT-DECORATION: none
}

.thumbnail {
	POSITION: relative
}

.thumbnail:hover {
	Z-INDEX: 50;
	BACKGROUND-COLOR: transparent
}

.thumbnail SPAN {
	BORDER-RIGHT: gray 1px dashed;
	PADDING-RIGHT: 5px;
	BORDER-TOP: gray 1px dashed;
	PADDING-LEFT: 5px;
	LEFT: -1000px;
	VISIBILITY: hidden;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: gray 1px dashed;
	COLOR: black;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: gray 1px dashed;
	POSITION: absolute;
	BACKGROUND-COLOR: lightyellow;
	TEXT-DECORATION: none
}

.thumbnail SPAN IMG {
	BORDER-TOP-WIDTH: 0px;
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	BORDER-RIGHT-WIDTH: 0px
}

.thumbnail:hover SPAN {
	LEFT: -100px;
	VISIBILITY: visible;
	BOTTOM: 50px
}

.thumbnailLeft {
	POSITION: relative
}

.thumbnailLeft:hover {
	Z-INDEX: 50;
	BACKGROUND-COLOR: transparent
}

.thumbnailLeft SPAN {
	BORDER-RIGHT: gray 1px dashed;
	PADDING-RIGHT: 5px;
	BORDER-TOP: gray 1px dashed;
	PADDING-LEFT: 5px;
	LEFT: -1000px;
	VISIBILITY: hidden;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: gray 1px dashed;
	COLOR: black;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: gray 1px dashed;
	POSITION: absolute;
	BACKGROUND-COLOR: lightyellow;
	TEXT-DECORATION: none
}

.thumbnailLeft SPAN IMG {
	BORDER-TOP-WIDTH: 0px;
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	BORDER-RIGHT-WIDTH: 0px
}

.thumbnailLeft:hover SPAN {
	LEFT: -500px;
	VISIBILITY: visible;
	BOTTOM: 50px
}

.thumbnailRight {
	POSITION: relative
}

.thumbnailRight:hover {
	Z-INDEX: 50;
	BACKGROUND-COLOR: transparent
}

.thumbnailRight SPAN {
	BORDER-RIGHT: gray 1px dashed;
	PADDING-RIGHT: 5px;
	BORDER-TOP: gray 1px dashed;
	PADDING-LEFT: 5px;
	LEFT: -1000px;
	VISIBILITY: hidden;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: gray 1px dashed;
	COLOR: black;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: gray 1px dashed;
	POSITION: absolute;
	BACKGROUND-COLOR: lightyellow;
	TEXT-DECORATION: none
}

.thumbnailRight SPAN IMG {
	BORDER-TOP-WIDTH: 0px;
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	BORDER-RIGHT-WIDTH: 0px
}

.thumbnailRight:hover SPAN {
	LEFT: -1px;
	VISIBILITY: visible;
	BOTTOM: 50px
}

[class^="icon-"],[class*=" icon-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-top: 1px;
	*margin-right: .3em;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url("img/glyphicons-halflings.png");
	background-position: 14px 14px;
	background-repeat: no-repeat
}

.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:focus>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>li>a:focus>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:focus>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"],.dropdown-submenu:focus>a>[class*=" icon-"]
	{
	background-image: url("img/glyphicons-halflings-white.png")
}

.icon-glass {
	background-position: 0 0
}

.icon-music {
	background-position: -24px 0
}

.icon-search {
	background-position: -48px 0
}

.icon-envelope {
	background-position: -72px 0
}

.icon-heart {
	background-position: -96px 0
}

.icon-star {
	background-position: -120px 0
}

.icon-star-empty {
	background-position: -144px 0
}

.icon-user {
	background-position: -168px 0
}

.icon-film {
	background-position: -192px 0
}

.icon-th-large {
	background-position: -216px 0
}

.icon-th {
	background-position: -240px 0
}

.icon-th-list {
	background-position: -264px 0
}

.icon-ok {
	background-position: -288px 0
}

.icon-remove {
	background-position: -312px 0
}

.icon-zoom-in {
	background-position: -336px 0
}

.icon-zoom-out {
	background-position: -360px 0
}

.icon-off {
	background-position: -384px 0
}

.icon-signal {
	background-position: -408px 0
}

.icon-cog {
	background-position: -432px 0
}

.icon-trash {
	background-position: -456px 0
}

.icon-home {
	background-position: 0 -24px
}

.icon-file {
	background-position: -24px -24px
}

.icon-time {
	background-position: -48px -24px
}

.icon-road {
	background-position: -72px -24px
}

.icon-download-alt {
	background-position: -96px -24px
}

.icon-download {
	background-position: -120px -24px
}

.icon-upload {
	background-position: -144px -24px
}

.icon-inbox {
	background-position: -168px -24px
}

.icon-play-circle {
	background-position: -192px -24px
}

.icon-repeat {
	background-position: -216px -24px
}

.icon-refresh {
	background-position: -240px -24px
}

.icon-list-alt {
	background-position: -264px -24px
}

.icon-lock {
	background-position: -287px -24px
}

.icon-flag {
	background-position: -312px -24px
}

.icon-headphones {
	background-position: -336px -24px
}

.icon-volume-off {
	background-position: -360px -24px
}

.icon-volume-down {
	background-position: -384px -24px
}

.icon-volume-up {
	background-position: -408px -24px
}

.icon-qrcode {
	background-position: -432px -24px
}

.icon-barcode {
	background-position: -456px -24px
}

.icon-tag {
	background-position: 0 -48px
}

.icon-tags {
	background-position: -25px -48px
}

.icon-book {
	background-position: -48px -48px
}

.icon-bookmark {
	background-position: -72px -48px
}

.icon-print {
	background-position: -96px -48px
}

.icon-camera {
	background-position: -120px -48px
}

.icon-font {
	background-position: -144px -48px
}

.icon-bold {
	background-position: -167px -48px
}

.icon-italic {
	background-position: -192px -48px
}

.icon-text-height {
	background-position: -216px -48px
}

.icon-text-width {
	background-position: -240px -48px
}

.icon-align-left {
	background-position: -264px -48px
}

.icon-align-center {
	background-position: -288px -48px
}

.icon-align-right {
	background-position: -312px -48px
}

.icon-align-justify {
	background-position: -336px -48px
}

.icon-list {
	background-position: -360px -48px
}

.icon-indent-left {
	background-position: -384px -48px
}

.icon-indent-right {
	background-position: -408px -48px
}

.icon-facetime-video {
	background-position: -432px -48px
}

.icon-picture {
	background-position: -456px -48px
}

.icon-pencil {
	background-position: 0 -72px
}

.icon-map-marker {
	background-position: -24px -72px
}

.icon-adjust {
	background-position: -48px -72px
}

.icon-tint {
	background-position: -72px -72px
}

.icon-edit {
	background-position: -96px -72px
}

.icon-share {
	background-position: -120px -72px
}

.icon-check {
	background-position: -144px -72px
}

.icon-move {
	background-position: -168px -72px
}

.icon-step-backward {
	background-position: -192px -72px
}

.icon-fast-backward {
	background-position: -216px -72px
}

.icon-backward {
	background-position: -240px -72px
}

.icon-play {
	background-position: -264px -72px
}

.icon-pause {
	background-position: -288px -72px
}

.icon-stop {
	background-position: -312px -72px
}

.icon-forward {
	background-position: -336px -72px
}

.icon-fast-forward {
	background-position: -360px -72px
}

.icon-step-forward {
	background-position: -384px -72px
}

.icon-eject {
	background-position: -408px -72px
}

.icon-chevron-left {
	background-position: -432px -72px
}

.icon-chevron-right {
	background-position: -456px -72px
}

.icon-plus-sign {
	background-position: 0 -96px
}

.icon-minus-sign {
	background-position: -24px -96px
}

.icon-remove-sign {
	background-position: -48px -96px
}

.icon-ok-sign {
	background-position: -72px -96px
}

.icon-question-sign {
	background-position: -96px -96px
}

.icon-info-sign {
	background-position: -120px -96px
}

.icon-screenshot {
	background-position: -144px -96px
}

.icon-remove-circle {
	background-position: -168px -96px
}

.icon-ok-circle {
	background-position: -192px -96px
}

.icon-ban-circle {
	background-position: -216px -96px
}

.icon-arrow-left {
	background-position: -240px -96px
}

.icon-arrow-right {
	background-position: -264px -96px
}

.icon-arrow-up {
	background-position: -289px -96px
}

.icon-arrow-down {
	background-position: -312px -96px
}

.icon-share-alt {
	background-position: -336px -96px
}

.icon-resize-full {
	background-position: -360px -96px
}

.icon-resize-small {
	background-position: -384px -96px
}

.icon-plus {
	background-position: -408px -96px
}

.icon-minus {
	background-position: -433px -96px
}

.icon-asterisk {
	background-position: -456px -96px
}

.icon-exclamation-sign {
	background-position: 0 -120px
}

.icon-gift {
	background-position: -24px -120px
}

.icon-leaf {
	background-position: -48px -120px
}

.icon-fire {
	background-position: -72px -120px
}

.icon-eye-open {
	background-position: -96px -120px
}

.icon-eye-close {
	background-position: -120px -120px
}

.icon-warning-sign {
	background-position: -144px -120px
}

.icon-plane {
	background-position: -168px -120px
}

.icon-calendar {
	background-position: -192px -120px
}

.icon-random {
	width: 16px;
	background-position: -216px -120px
}

.icon-comment {
	background-position: -240px -120px
}

.icon-magnet {
	background-position: -264px -120px
}

.icon-chevron-up {
	background-position: -288px -120px
}

.icon-chevron-down {
	background-position: -313px -119px
}

.icon-retweet {
	background-position: -336px -120px
}

.icon-shopping-cart {
	background-position: -360px -120px
}

.icon-folder-close {
	width: 16px;
	background-position: -384px -120px
}

.icon-folder-open {
	width: 16px;
	background-position: -408px -120px
}

.icon-resize-vertical {
	background-position: -432px -119px
}

.icon-resize-horizontal {
	background-position: -456px -118px
}

.icon-hdd {
	background-position: 0 -144px
}

.icon-bullhorn {
	background-position: -24px -144px
}

.icon-bell {
	background-position: -48px -144px
}

.icon-certificate {
	background-position: -72px -144px
}

.icon-thumbs-up {
	background-position: -96px -144px
}

.icon-thumbs-down {
	background-position: -120px -144px
}

.icon-hand-right {
	background-position: -144px -144px
}

.icon-hand-left {
	background-position: -168px -144px
}

.icon-hand-up {
	background-position: -192px -144px
}

.icon-hand-down {
	background-position: -216px -144px
}

.icon-circle-arrow-right {
	background-position: -240px -144px
}

.icon-circle-arrow-left {
	background-position: -264px -144px
}

.icon-circle-arrow-up {
	background-position: -288px -144px
}

.icon-circle-arrow-down {
	background-position: -312px -144px
}

.icon-globe {
	background-position: -336px -144px
}

.icon-wrench {
	background-position: -360px -144px
}

.icon-tasks {
	background-position: -384px -144px
}

.icon-filter {
	background-position: -408px -144px
}

.icon-briefcase {
	background-position: -432px -144px
}

.icon-fullscreen {
	background-position: -456px -144px
}

.menu {
	width: 155px;
	margin-left: 5px;
	padding-left: 0px
}

.menu #logo {
	margin-bottom: 15px;
	margin-left: 15px;
}

.menu li {
	background: #eee;
	float: left;
	cursor: pointer;
	width: 135px;
	list-style-type: none;
	border: 1px solid #aaa;
	border-radius: 5px;
}

.menu>li {
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 10px;
	clear: left;
}

.menu>li:hover {
	background: #f9f9f9;
}

#container .slides .slide {
	width: 100%;
	height: 100%;
	float: left;
	margin: 0;
	padding: 0;
	margin-right: 10px;
}

#controls {
	position: absolute;
	bottom: 10px;
	left: 10px;
}

#container li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.slide iframe {
	position: absolute;
	overflow: hidden;
	margin-top: 0;
	border: none;
	outline: none;
	margin-left: 0;
	height: 100%;
	width: 100%;
}

.buttons {
	position: absolute;
	top: 660px;
	left: 760px;
}

.header,.subheader {
	width: 98%;
	color: white;
	font-size: 16px;
	padding: 1%;
}

.arial {
	font-family: arial;
}

.color1 .header {
	background: rgb(10, 10, 90);
}

.color1 .subheader {
	background: rgb(168, 184, 194);
}

.color1  #container {
	border: 2px solid rgb(10, 10, 90);
}

.color1 .menu li.active {
	background: #f9f9f9;
	border: 1px solid rgb(10, 10, 90);
	color: rgb(10, 10, 90);
}

.color1 .menu li.active>i {
	color: rgb(10, 10, 90);
}

.color2 .header {
	background: rgb(52, 52, 80);
}

.color2 .subheader {
	background: rgb(196, 196, 196);
}

.color2  #container {
	border: 2px solid rgb(52, 52, 80);
}

.color2 .menu li.active {
	background: #f9f9f9;
	border: 1px solid rgb(52, 52, 80);
	color: rgb(52, 52, 80);
}

.color2 .menu li.active>i {
	color: rgb(52, 52, 80);
}

.color3 .header {
	background: #1142AA
}

.color3 .subheader {
	background: #6C8DD5
}

.color3  #container {
	border: 2px solid #1142AA;
}

.color3 .menu li.active {
	background: #f9f9f9;
	border: 1px solid #1142AA;
	color: #6C8DD5;
}

.color3 .menu li.active>i {
	color: #6C8DD5;
}

.color4 .header {
	background: #FFA900;
}

.color4 .subheader {
	background: rgb(255, 235, 195)
}

.color4  #container {
	border: 2px solid #FFA900;
}

.color4 .menu li.active {
	background: #f9f9f9;
	border: 1px solid #FFA900;
	color: #FFA900;
}

.color4 .menu li.active>i {
	color: #FFA900;
}

.color5 .header {
	background: rgb(65, 65, 65);
}

.color5 .subheader {
	background: white;
}

.color5  #container {
	border: 2px solid rgb(65, 65, 65);
}

.color5 .menu li.active {
	background: #f9f9f9;
	border: 1px solid rgb(65, 65, 65);
	color: rgb(65, 65, 65);
}

.color5 .menu li.active>i {
	color: rgb(65, 65, 65);
}

.subheader {
	margin-bottom: 30px;
	height: 20px;
	padding-top: 0;
}

.header a,.subheader a {
	color: #fff;
	text-decoration: none;
}

.header li,.subheader li {
	float: left;
	font-size: 14px;
	margin-left: 20px;
	list-style-type: none;
	cursor: pointer;
}

.subheader li {
	font-size: 12px;
	line-height: 30px;
}

.header li:hover,.subheader li {
	color: black;
}

.header ul,.subheader ul {
	float: right;
	margin-right: 3%;
}

.sub-buttons {
	width: 240px;
	position: absolute;
	margin-top: -11px;
	display: none;
	margin-left: 144px;
	z-index: 1;
}

.sub-buttons li {
	line-height: 30px;
	width: 240px;
	padding: 5px;
	font-size: 16px;
}

.sub-buttons li:hover {
	background: #f9f9f9;
}

.key {
	width: 300px;
	margin-left: 220px;
	margin-top: 10px;
}

.box {
	width: 80px;
	height: 30px;
	float: left;
	line-height: 30px;
	border: 1px solid #ccc;
	border-radius: 3px;
	text-align: center;
	margin: 3px;
	background: navy;
	color: white;
}

.explanation {
	height: 200px;
	width: 100%;
	margin-top: 200px;
	padding-left: 20px;
}

.explanation .row {
	float: left;
	line-height: 40px;
	clear: left;
	text-align: center;
	width: 92%;
}

.details {
	position: absolute;
	top: 400px;
	left: 550px;
}

#client {
	padding: 8px;
	padding-left: 23px;
	padding-right: 0;
}

#logo {
	position: absolute;
	top: 60px;
	right: 30px;
	width: 12%;
	-webkit-filter: drop-shadow(0 1px 5px #eee);
}