html {
	height: 100%;
}
body {
    background-color: #696969;
    border: 0 none;
    margin: auto;
    max-width: 1200px;
    padding: 0;
	height: 100%;
}
#content {
    background-color: #696969;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
#main {
    background-color: #ffffff;
    clear: both;
    height: 100%;
    overflow: auto;
    width: 100%;
    -ms-flex: 1;
    flex: 1;
}
#viewer {height: 100%;}
form {margin:0px;padding:0px;}
ul {margin-bottom:0;padding:0px;margin-left:20px;}
#banner {
    background-color: #005073;
	height: 60px;
	z-index: 1;
}
#banner .bannerlogo {
	position: relative;
}
#banner .bannertext {
    color: #ffffff;
    font: 15pt Arial,sans-serif;
    margin-left: 20px;
    padding-top: 17px;
}
#sbanner
{height:69px;background-color:#9caace;}
#sbanner .bannerlogo
{float:left;position:relative;}
#sbanner .bannertext
{font:normal bold 12pt arial,helvetica,sans-serif;color:#000000;text-align:center;padding-top:25px;}
#vwbanner
{height:69px;background-color:#9caace;}
#vwbanner .bannerlogo
{float:left;position:relative;}
#vwbanner .bannertext
{font:normal bold 12pt arial,helvetica,sans-serif;color:#000000;text-align:center;padding-top:25px;}
#menu {
    background-color: #f2f2f2;
    height: 30px;
	z-index: 1;
}
#menu #menul {
    float: left;
    margin-bottom: 5px;
    margin-top: 5px;
}
#menul a, #menul span {
    color: #696969;
    font: bold 14px Arial,sans-serif;
    margin-left: 4px;
    text-align: left;
    text-decoration: none;
}
#menul .sel {
    color: #696969;
    font: bold 14px Arial,sans-serif;
    margin-left: 4px;
    text-align: left;
    text-decoration: none;
}
#menul img {vertical-align:text-bottom !important;}
#menul a:hover {color:#f79218;}

#menu #menur {
    float: right;
    margin-bottom: 5px;
    margin-top: 5px;
}
#menur a, #menur span {
    color: #696969;
    font: bold 14px Arial,sans-serif;
    margin-right: 4px;
    text-align: right;
    text-decoration: none;
}
#menur .sel {
	font:normal bold 14px Arial,sans-serif;color:#ff0000;text-align:right;text-decoration:none;margin-right:4px;
}
#menur img {vertical-align:text-bottom !important;}
#menur a:hover {color:#f79218;}

.floatmenu {
	position:absolute;
	top:0px;
	border:0px;
	border-bottom-width:0;
	font:normal bold 14px Arial,sans-serif;
	z-index:100;
	background-color:#728ac6;
	width:200px;
	line-height:18px;
	visibility:hidden;
}
.floatmenu a {
	width:auto;
	display:block;
	font:normal bold 14px Arial,sans-serif;
	color:#ffffff;
	text-decoration:none;
	text-indent:3px;
	border-bottom:1px solid #ffffff;
	padding:1px 0px;
}
* html .floatmenu a{width:100%;}
.floatmenu a:hover {
	background-color:#3a6ea5;
	color:#f79218;
}

#helpfulnessvote
{background-color:#9caace !important;font:normal normal 14px Arial,sans-serif;color:#000000;text-align:center;clear:both;}
#helpfulnessvote a
{margin-left:4px;}
#helpfulnessvote input, #helpfulnessvote span
{vertical-align:middle;}
#helpfulnessvote img
{vertical-align:text-bottom !important;}
#helpfulnessvote a:active {color:#f79218;}
#helpfulnessvote a:hover {color:#f79218;}

#inplaceroute
{background-color:#ffffff;font:normal normal 14px Arial,sans-serif;color:#000000;overflow:auto;border:0px;clear:both;height:50%;width:490px;}
#inplaceroute .iframe
{width:100%;height:100%;border:0px}
#inplacecontent
{background-color:#FFFFFF;font:normal normal 14px Arial,sans-serif;color:#000000;overflow:auto;border:0px;clear:both;}
#inplacecontent .iframe
{width:100%;height:100%;border:0px}
#vwcontent
{background-color:#ffffff !important;font:normal normal 14px Arial,sans-serif;color:#000000;padding:4px;border:0px;clear:both;}
#vwcontent .article
{color:#000000;font:normal normal 14px Arial,sans-serif;background-color:#f2f2f2;vertical-align:top;}
#vwcontent a:link {color:#0000ff;}
#vwcontent a:active {color:#0000ff;}
#vwcontent a:visited {color:#800080;}
#vwcontent a:hover {color:#ff0000;}

#advanced
{background-color:#f2f2f2 !important;}
#advanced td
{color:#003399;font:normal normal 14px Arial,sans-serif;vertical-align:top;}
#advanced select, #advanced .input
{color:#000000;font:normal normal 14px Arial,sans-serif;width:320px;vertical-align:middle;}
#advanced .field
{color:#000000;font:normal normal 14px Arial,sans-serif;width:220px;vertical-align:middle;}
#advanced input, #advanced img
{vertical-align:middle;}
#preferences
{background-color:#ffffff !important;}
#preferences td
{color:#000000;font:normal normal 14px Arial,sans-serif;vertical-align:top;}
#preferences select
{color:#000000;font:normal normal 14px Arial,sans-serif;width:220px;vertical-align:middle;}
#preferences input, #preferences img
{vertical-align:middle;}
#search
{background-color:#ffffff !important;font:normal normal 14px Arial,sans-serif;color:#000000;overflow:auto;border:0px;}
#search .hosttext
{color:#003399;font:normal normal 14px Arial,sans-serif;background-color:#f2f2f2 !important;vertical-align:top;}
#search .article
{color:#000000;font:normal normal 14px Arial,sans-serif;background-color:#f2f2f2 !important;vertical-align:top;}
#search img, #search input
{vertical-align:middle;}
#search a:link {color:#0000ff;}
#search a:active {color:#0000ff;}
#search a:visited {color:#800080;}
#search a:hover {color:#ff0000;}

#dialog {
    color: #555555;
    font: 14px arial,helvetica,sans-serif;
	margin-right: 180px;
}
#dialog .hostname {
	color: #3A3A3A;
	font: bold 14px arial,helvetica,sans-serif;
	background-color: #ffffff;
	padding: 0px;
	width: 110px;
	vertical-align: top;
}
#dialog .hosttext {
	color: #555555;
	font: normal normal 14px arial,helvetica,sans-serif;
	background-color: #ffffff;
	padding-bottom: 11px;
}
#dialog .hosttexthistory {
	color: #555555;
	font: normal normal 14px arial,helvetica,sans-serif;
	background-color: #ffffff;
	padding-bottom: 11px;
}
#dialog .continuation {
	color: #555555;
	font: 14px arial,helvetica,sans-serif;
	background-color: #ffffff;
}
#dialog .username {
	color: #3A3A3A;
	font: bold 14px arial,helvetica,sans-serif;
	background-color: #ffffff;
	padding: 10px 0 0;
	width: 50px;
	vertical-align: top;
	text-align: right;
}
#dialog .usertext {
    background-color: #f2f2f2;
    border: 1px solid #b9b9b9;
    border-radius: 5px;
    color: #555555;
    float: left;
    font: 14px arial,helvetica,sans-serif;
    padding: 10px;
}
#dialog .usertexthistory {
    background-color: #f2f2f2;
    border: 1px solid #b9b9b9;
    border-radius: 5px;
    color: #555555;
    float: left;
    font: 14px arial,helvetica,sans-serif;
    padding: 10px;
}
#dialog .hostrelinfo {
	color: #555555;
	font: 14px arial,helvetica,sans-serif;
	background-color: #ffffff;
}
#dialog .solution {
	color: #555555;
	font: 14px arial,helvetica,sans-serif;
	background-color: #ffffff;
}
#dialog .solutionhistory {
	color: #555555;
	font: 14px arial,helvetica,sans-serif;
	background-color: #ffffff;
}
#dialog .none {
	color: #555555;
	font: normal normal 14px arial,helvetica,sans-serif;
	background-color: #ffffff;
	padding-top: 8px;
}
#dialog .field {
	color: #555555;
	font: 14px arial,helvetica,sans-serif;
	width: 220px;
	vertical-align: middle;
}
#dialog img, #dialog input
{vertical-align:middle;}
#dialog a:link  {
	color:#005bbb;
	font-weight:normal;
	text-decoration:underline;
}
#dialog a:active  {
	color:#005bbb;
	font-weight:normal;
	text-decoration:underline;
}
#dialog a:visited  {
	color:#005bbb;
	font-weight:normal;
	text-decoration:none;
}
#dialog a:hover  {
	color:#005bbb;
	font-weight:normal;
	text-decoration:none;
}
#dialog .none a:link {color:#005bbb;font-weight:normal;text-decoration:underline;}
#dialog .none a:active {color:#005bbb;font-weight:normal;text-decoration:underline;}
#dialog .none a:visited {color:#005bbb;font-weight:normal;text-decoration:none;}
#dialog .none a:hover {color:#005bbb;font-weight:normal;text-decoration:none;}

/*#dialog .highlight {background-color:#FFFF00 !important;}*/
#inputfield {
    background-color: #f2f2f2;
    border-bottom: 17px solid #f2f2f2;
    border-top: 17px solid #f2f2f2;
    padding-right: 10px;
}
#inputfield td {
    color: #3a3a3a;
    font: bold 14px arial,helvetica,sans-serif;
}
#inputfield .field {
    border: 1px solid #b9b9b9;
    border-radius: 4px;
    box-shadow: 1px 1px 5px #888888;
    color: #555555;
    font: bold 14px arial,helvetica,sans-serif;
    padding: 5px 0 5px 5px;
    vertical-align: bottom;
    width: 100%;
}
#inputfield input, #inputfield img
{vertical-align:middle;}
#copyright {
	background-color:#696969;
	font:normal normal 10px arial,helvetica,sans-serif;
	color:#B9B9B9;
	text-align:left;
	padding:11px;
}
/*#copyright span
{margin-left:4px;}*/

#copyright a:link {color:#B9B9B9;}
#copyright a:active {color:#B9B9B9;text-decoration:none;}
#copyright a:visited {color:#B9B9B9;}
#copyright a:hover {color:#B9B9B9;text-decoration:none;}

#poweredby {
	background-color:#696969;
	font:normal normal 10px arial,helvetica,sans-serif;
	color:#B9B9B9;
	text-align:left;
	padding:11px;
}
/*#poweredby span
{margin-left:4px;}*/
#poweredby a:link {
	color:#B9B9B9;
}
#poweredby a:active {
	color:#B9B9B9;
	text-decoration:none;
}
#poweredby a:visited {
	color:#B9B9B9;
}
#poweredby a:hover {
	color:#B9B9B9;
	text-decoration:none;
}

#log
{background-color:#ffffff;font:normal normal 14px Arial,sans-serif;color:#000000;}
#log .hostname
{color:#003399;font:normal normal 14px Arial,sans-serif;background-color:#f2f2f2 !important;vertical-align:top;}
#log .hosttexthistory
{color:#86888a;font:normal normal 14px Arial,sans-serif;background-color:#f2f2f2 !important;vertical-align:top;}
#log .username
{color:#000000;font:normal normal 14px Arial,sans-serif;background-color:#d5d5d4 !important;}
#log .usertexthistory
{color:#86888a;font:normal normal 14px Arial,sans-serif;background-color:#d5d5d4 !important;}
#log .hostrelinfo
{color:#003399;font:normal bold 14px Arial,sans-serif;background-color:#f2f2f2 !important;vertical-align:top;}
#log .solutionhistory
{color:#86888a;font:normal normal 14px Arial,sans-serif;background-color:#f2f2f2 !important;vertical-align:top;}
#log a:link {color:#0000ff;}
#log a:active {color:#0000ff;}
#log a:visited {color:#800080;}
#log a:hover {color:#ff0000;}

#floatdiv{position:absolute;color:#000000;background-color:#ffffff;font-family:arial;font-size:10px;width:700px;height:520px;top:92px;display:none;z-index:9048;border:1px solid #808080;overflow:visible;}
#floatdiv iframe{width:100%;height:500px;border:0px;overflow:visible;padding-top:4px;clear:both;}
img {border:0}
.dialogTable {
    border: 0 none;
    border-collapse: separate;
	border-spacing: 10px;
    margin: 0;
    width: 100%;
}
.dialogTable td {border:1px; border-style:solid; border-color:#ffffff; padding: 3px 0px 3px 3px;}
.stdTable {border:0px;margin:0px;width:100%; border-collapse:collapse}
.stdTable td {border:0px; border-style:none; padding: 4px;}
.stdTableZeroBorder {
    border-collapse: separate;
    border-spacing: 5px 0;
}
.stdTableZeroBorder td {border:0px;border-style:none;}

/* Print Stylings START */
@media print
{
body
{overflow:visible;}
#content {display:block;height:100%;width:100%;position:relative;overflow: visible !important}
#main {display:block;height:100%;width:100%;position:relative;overflow: visible !important}
#dialog {display:block;height:100%;width:100%;position:relative;overflow: visible !important}
#banner {display:none;}
#menu {display:none;}
#inputfield {display:none;}
#copyright {display:none;}
#poweredby {display:none;}
}
/* Print Stylings END */

/* Additional CSS Stylings START */
#btngo {
    background-color: #005073;
    border: 1px solid #005073;
    border-radius: 2rem;
    color: #ffffff;
    cursor: pointer;
    font: 16px Arial,sans-serif;
    padding: 6px 17px;
}
#btngo:hover {
	background-color: #036e97;
	border: 1px solid #036e97;
    transition: 100ms linear;
}
#btngo:focus {
    background-color: #036e97;
}
#restart > a::before {
    content: "Restart";
}
#restart > a {
    background-color: white;
	border: 2px solid #005073;
    border-radius: 2rem;
	color: #005073;
	font-size: 16px;
    font-weight: normal;
    padding: 6px 17px;
    text-decoration: none;
}
#restart > a:hover {
	background-color: #005073;
	color: #ffffff;
	transition: 100ms linear;
}
#magGlass {
    display: none;
}
li {
    padding-bottom: 10px;
}
a {
	cursor:pointer;
}
#inputfield td:nth-child(2) {
    width: 100%;
}
.expand {
    font-weight: bold !important;
}
.collapse {
    display: none;
}
.bannerlogo img {
    float: right;
    height: 60px;
    padding-right: 20px;
}
.hostname::after {
    content: "Morgan:";
    float: right;
    padding: 3px 0 0;
}
#avatarBackImage {
	position: fixed;
    bottom: 100px;
    right: 30px;
}
#avatarHeadImage > img {
	display: none;
}
.expand::after {
    content: "\a ";
    white-space: pre-line;
}
#scrolltoBottomButton {
	visibility: hidden;
	position: fixed;
    bottom: 320px;
    right: 50px;
}
.bannerPoweredBy {
    color: #ffffff;
    font: 10px Arial,sans-serif;
    margin-left: 20px;
}
.bannerPoweredBy > a {
    color: #ffffff;
}
.bannerPoweredBy > a:hover {
    text-decoration: none;
}
#inputfield img {
    display: none;
}
#go {
    padding-left: 15px;
}
#routepane {
	display: none;
    position: fixed;
    bottom: 320px;
    right: 30px;
}
#routepane::before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top-color: white;
    border-bottom: 0;
    margin-left: 0px;
    margin-bottom: -10px;
    z-index: 1;
    border-left: 0;
}
#routepane::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top-color: #036e97;
    border-bottom: 0;
    border-left: 0px;
    margin-left: -2px;
    margin-bottom: -14px;
}
#routepane > iframe {
    border: 2px #036e97 solid;
    width: 115px;
	height: 90px;
    border-radius: 2rem;
}
#dialog .solution a:link {
	word-break: break-all;
}
/* Additional CSS Stylings END */

/* Medium START */
@media (max-width: 700px)
{
	#avatarBackImage > img {
		width: 70px;
	}
	#avatarBackImage {
		right: 45px;
	}
	#routepane {
		bottom: 230px;
		right: 20px;
	}
	#routepane > iframe {
		width: 115px;
		height: 90px;
	}
	#dialog {
		margin-right: 140px;
	}
	.inputHead {
		display: none;
	}
	#dialog .username {
		display: none;
	}
	#dialog .hostname {
		display: none;
	}
	#dialog .usertext {
		float: right;
	}
	#dialog .usertexthistory {
		float: right;
	}
	#dialog .hosttext {
		background-color: #f5f9f9;
	}
	#dialog .hosttext:nth-child(2) {
		background-color: #f5f9f9;
		border: 1px solid #b9b9b9;
		border-radius: 5px;
		float: left;
		padding: 10px;
	}
	#dialog .hosttexthistory {
		background-color: #f5f9f9;
	}
	#dialog .hosttexthistory:nth-child(2) {
		background-color: #f5f9f9;
		border: 1px solid #b9b9b9;
		border-radius: 5px;
		float: left;
		padding: 10px;
	}
	#dialog .solution {
		background-color: #f5f9f9;
	}
	#dialog .solution:nth-child(2) {
		background-color: #f5f9f9;
		border: 1px solid #b9b9b9;
		border-radius: 5px;
		float: left;
		padding: 10px;
	}
	#dialog .solutionhistory {
		background-color: #f5f9f9;
		border: 1px solid #b9b9b9;
		border-radius: 5px;
		float: left;
		padding: 10px;
	}
	#dialog .continuation {
		background-color: #f5f9f9;
	}
	#dialog .continuation:nth-child(2) {
		background-color: #f5f9f9;
		border: 1px solid #b9b9b9;
		border-radius: 5px;
		float: left;
		padding: 10px;
	}
	#dialog .none {
		background-color: #f5f9f9;
	}
}
/* Medium END */

/* Banner Text Responsive START */
@media (max-width: 380px)
{
	#banner .bannertext {
		font-size: 5vw;
		padding-top: 17px;
	}
}

/* Small START */
@media (max-width: 480px)
{
	#avatarBackImage {
		display: none;
	}
	#routepane {
		display: none !important;
	}
	#dialog {
		margin-right: 0px;
	}
	#restart {
		display: none;
	}
	#btngo {
		display: none;
	}
	#magGlass {
		display: inline;
		padding-left: 10px;
	}
	.bannerlogo img {
		display: none;
	}
	#banner .bannertext {
		padding-top: 17px;
	}
	#avatarHeadImage > img {
		display: inline;
		height: 60px;
		position: fixed;
		right: 10px;
		z-index: 2;
	}
}
/* Small END */

/* Banner Text Responsive END */

/* Avatar Image and Bubbles Stop START */
@media (min-width: 1200px)
{
	#avatarBackImage {
		margin-left: 1047px;
		position: fixed;
		right: auto;
	}
	#routepane {
		margin-left: 1043px;
		position: fixed;
		right: auto;
	}
}
/* Avatar Image and Bubbles Stop END */

/*AutoComplete CSS START*/
.yui-ac {
    position: static;
    color: #000000;
    font-family: arial,helvetica,sans-serif;
    font-size: 8pt;
    width: 100%;
}
.yui-ac-input {
    position: static;
    width: 100%;
    border: 1px solid #b9b9b9;
    border-radius: 4px;
    box-shadow: 1px 1px 5px #888888;
    color: #555555;
    font: bold 14px arial,helvetica,sans-serif;
    padding: 5px 0 5px 5px;
    vertical-align: bottom;
}
.yui-ac-container {
    position: relative;
    top: 1.6em;
    z-index: 9050;
    width: 100%;
}
.yui-ac-content {
    position: absolute;
    border: 1px solid #808080;
    background: #fff;
    overflow: hidden;
    z-index: 9050;
    width: 100%;
    bottom: 50px; /*Adjust as needed*/
}
.yui-ac-hd{float:right;width:10px;margin-right:2px;margin-top:2px;}
.yui-ac-bd{float:left;width:100%;}
.yui-ac-shadow{position:absolute;margin:.3em;background:#000;-moz-opacity:.10;opacity:.10;filter:alpha(opacity=10);z-index:9049;width:220px;}
.yui-ac iframe{opacity:0;filter:alpha(opacity=0);padding-right:.3em;padding-bottom:.3em;}
.yui-ac-content ul{margin:0;padding:0;width:100%;overflow:hidden;}
.yui-ac-content li{margin:0;padding:2px 5px;cursor:default;white-space:nowrap;list-style:none;zoom:1;}
.yui-ac-content li.yui-ac-prehighlight{background:#e7e8ed;}
.yui-ac-content li.yui-ac-highlight{background:#e7e8ed;;color:#000000;}
.yui-ac-match{color:#0000ee;}
/*AutoComplete CSS END*/