@import 'https://fonts.googleapis.com/css?family=Roboto+Condensed';

/*--------------------General--------------------*/

	body {
		background-color:#ffffff;
		border:0px;
		margin:0px;
		padding:0px;
		}
	#main {
		clear:both;
		height:500px;
		width:100%;
		}

	form {
		margin:0px;
		padding:0px;
		}

	ul {
		margin:0 0 0 20px;
		padding:0px;
		}

	h1,
h2,
h3,
h4,
h5,
h6 {
		font-family: 'Roboto Condensed', Arial, sans-serif;

		font-weight: normal;

		color: #333;
		
}
	
h1 {
		font-size: 40px;

		font-weight: 700;

		line-height: 40px;
		margin-bottom: 5px;

		}

	h2 {

		font-size: 31px;

		font-weight: 300;

		line-height: 34px;

		margin-bottom: 15px;

		}
	
h3 {
		font-size: 21px;

		font-weight: 300;

		line-height: 24px;

		margin-bottom: 10px;

		}
	
h4 {
		font-size: 19px;

		font-weight: 700;

		line-height: 21px;

		margin-bottom: 10px;

		}

	#floatdiv{
		background-color:#ffffff;
		border:1px solid #808080;
		color:#000000;
		display:none;
		font-family:arial;
		font-size:10px;
		height:520px;
		position:absolute;
		overflow:visible;
		top:92px;
		width:700px;
		z-index:9048;
		}

	#floatdiv iframe {
		border:0px;
		clear:both;
		height:500px;
		overflow:visible;
		padding-top:4px;
		width:100%;
		}

	img {
		border:0;
		}
		

/*--------------------Banners--------------------*/

	#banner {
		background-color:#ffffff;
		height:60px;
		}

	#banner .bannerlogo {
		float:left;
		padding:20px 10px;
		position:relative;
		}

	#banner .bannerlogo img {
		width: 185px;
		height: auto;
		}
	#banner .bannertext {
		color:#000000;
		font-weight:bold;
		font:14pt Arial,Helvetica,sans-serif;
		text-align:center;
		}
	
	#vwbanner {
		background-color:#ffffff;
		height:60px;
		}
	
	#vwbanner .bannerlogo {
		float:left;
		padding:20px 10px;
		position:relative;
		}

	#vwbanner .bannerlogo img {
		width: 185px;
		height: auto;
		}
	
	#vwbanner .bannertext {
		color:#000000;
		font-weight:bold;
		font:14pt Arial,Helvetica,sans-serif;
		text-align:center;
		}

/*--------------------Menu--------------------*/

	#menu {
		background-color:#408740;
		border-top:solid 21px #212121;
		height:33px;
		}

	#menu #menul {
		float:left;
		}

	#menul a, #menul span {
		color:#ffffff;
		display:block;
		float:left;
		font:normal 14px 'Roboto Condensed', Arial, sans-serif;

		padding:8px;
		text-align:left;
		text-decoration:none;
		}

	#menul .sel {
		color:#ffffff;
		font:normal 14px 'Roboto Condensed', Arial, sans-serif;

		margin-left:4px;
		text-align:left;
		text-decoration:none;
		}

	#menul img {
		vertical-align:text-bottom;
		}

	#menul a:hover {
		background-color:#212121;
		color:#ffffff;
		}

	#menu #menur {
		float:right;
		}

	#menur a, #menur span {
		color:#ffffff;
		display:block;
		float:left;
		font:normal 14px 'Roboto Condensed', Arial, sans-serif;

		padding:8px;
		text-align:right;
		text-decoration:none;
		}

	#menur .sel {
		color:#ffffff;
		font:normal 14px 'Roboto Condensed', Arial, sans-serif;

		margin-right:4px;
		text-align:right;
		text-decoration:none;
		}

	#menur img {
		vertical-align:text-bottom;
		}

	#menur a:hover {
		background-color:#212121;
		color:#ffffff;
		}

	.floatmenu {
		background-color:#728ac6;
		border:0px;
		border-bottom-width:0px;
		font:normal 14px 'Roboto Condensed', Arial, sans-serif;

		line-height:18px;
		position:absolute;
		top:0px;
		visibility:hidden;
		width:200px;
		z-index:100px;
		}

	.floatmenu a {
		border-bottom:1px solid #ffffff;
		color:#ffffff;
		display:block;
		font:normal 14px 'Roboto Condensed', Arial, sans-serif;

		padding:1px 0px;
		text-decoration:none;
		text-indent:3px;
		width:auto;
		}

	* html .floatmenu a {
		width:100%;
		}

	.floatmenu a:hover {
		background-color:#3a6ea5;
		color:#f79218;
		}

/*--------------------Content--------------------*/

	#content {
		background-color:#ffffff;
		margin:0 auto;
		min-width:980px;
		max-width:1024px;
		border: 1px solid #B9B9B9;
		border-radius: 4px 4px 4px 4px;
		}

	#lcontent {
		background-color:#ffffff;
		float:left;
		height:500px;
		overflow:auto;
		width:75%;
		}

	#rcontent {
		background-color:#ffffff;
		float:right;
		height:500px;
		overflow:auto;
		width:244px;
		}

	#rcontent .iframe {
		border:0px;
		height:100%;
		width:100%;
		}

	html>body #rcontent {
		width:244px;
		}

	#resultpane {
		background-color:#ffffff;
		border:0px;
		color:#555555;
		font:13px Arial,sans-serif;
		height:77%;
		overflow:auto;
		}

	#resultpane .iframe {
		border:0px;
		height:100%;
		width:100%;
		}
	#resultpane .solution {
		background-color:#ffffff;
		color:#555555;
		font:bold 14px Arial,sans-serif;
		vertical-align:top;
		}

	#routepane {
		background-color:#ffffff;
		border:0px;
		color:#555555;
		font:14px Arial,sans-serif;
		height:23%;
		overflow:auto;
		}

	#routepane .iframe {
		border:0px;
		height:100%;
		width:100%;
		}

	#routepane .solution {
		background-color:#ffffff;
		color:#555555;
		font:bold 14px Arial,sans-serif;
		vertical-align:top;
		}

	#inplaceroute {
		background-color:#ffffff;
		border:0px;
		clear:both;
		color:#555555;
		font:14px Arial,sans-serif;
		overflow:auto;
		}

	#inplaceroute .iframe {
		border:0px;
		height:100%;
		width:100%;
		}

	#inplacecontent {
		background-color:#ffffff;
		border:0px;
		clear:both;
		color:#5555555;
		font:14px Arial,sans-serif;
		overflow:auto;
		}

	#inplacecontent .iframe {
		border:0px;
		height:100%;
		width:100%;
		}
		
/*--------------------Solutions--------------------*/

	#dialog {
		background-color:#ffffff;
		color:#000000;
		font:14px Arial,sans-serif;
		line-height: 21px;
		overflow:auto;
		}

	#dialog .hostname {
		background-color:#ffffff;
		color:#3A3A3A;
		font:700 19px 'Roboto Condensed', Arial, sans-serif;

		padding:10px;
		vertical-align:top;
		width:50px;
		}

	#dialog .hosttext {
		background-color:#ffffff;
		color:#555555;
		font:14px Arial,sans-serif;
		line-height: 21px;
		}

	#dialog .hosttexthistory {
		background-color:#ffffff;
		color:#555555;
		font:14px Arial,sans-serif;
		line-height: 21px;
		}

	#dialog .username {
		background-color:#e7e8ed;
		color:#3A3A3A;
		font:700 19px 'Roboto Condensed', Arial, sans-serif;

		padding:10px;
		vertical-align:top;
		width:50px;
		}

	#dialog .usertext {
		background-color:#e7e8ed;
		color:#555555;
		font:14px Arial,sans-serif;
		line-height: 21px;
		}

	#dialog .usertexthistory {
		background-color:#e7e8ed;
		color:#555555;
		font:14px Arial,sans-serif;
		line-height: 21px;
		}

	#dialog .hostrelinfo {
		background-color:#ffffff;
		color:#555555;
		font:14px Arial,sans-serif;
		}

	#dialog .solution {
		background-color:#ffffff;
		color:#555555;
		font:14px Arial,sans-serif;
		padding-top: 10px;
		padding-bottom: 20px;
		line-height: 21px;
		}

	#dialog .solution td {
		font:14px Arial,sans-serif;
		line-height: 21px;
		color: #555555;
		}

	#dialog .solution th {
		font:14px Arial,sans-serif;
		line-height: 21px;
		color: #555555;
		}

	#dialog .solutionhistory {
		background-color:#ffffff;
		color:#555555;
		font:14px Arial,sans-serif;
		line-height: 21px;
		padding-top: 10px;
		padding-bottom: 10px;
		}

	#dialog .solutionhistory td {
		font:14px Arial,sans-serif;
		line-height: 21px;
		color: #555555;
		}

	#dialog .solutionhistory th {
		font:14px Arial,sans-serif;
		line-height: 21px;
		color: #555555;
		}

	#dialog .none {
		background-color:#ffffff;
		color:#555555;
		font:14px Arial,sans-serif;
		line-height: 21px;
		}

	#dialog .field {
		color:#555555;
		font:14px Arial,sans-serif;
		vertical-align:middle;
		width:220px;
		}

	#dialog .continuation {
		background-color:#ffffff;
		color:#555555;
		font:14px Arial,sans-serif;
		line-height: 21px;
		border-top:solid #ccc 2px;
		padding-top:10px;
		}

	#dialog .continuation .continuation {
		padding-top:3px;
		border:none;
		}

	#dialog img, #dialog input {
		vertical-align:middle;
		}

	#dialog a:link {
		color:#0083c1;
		text-decoration:none;
		}

	#dialog a:active {
		color:#0083c1;
		text-decoration:none;
		}

	#dialog a:visited {
		color:#0083c1;
		text-decoration:none;
		}

	#dialog a:hover {
		color:#436815;
		text-decoration:underline;
		}

	#dialog li {
		padding-bottom: 3px;
		padding-top: 3px;
		line-height: 18px;
		}

	.dialogTable {
		border:0px;
		border-collapse:collapse;
		color:#000000;
		font:14px Arial,sans-serif;
		margin:0px;
		width:100%;
		}

	.dialogTable td {
		border:1px;
		border-color:#ffffff;
		border-style:solid;
		color:#000000;
		font:14px Arial,sans-serif;
		padding:3px 0px 3px 3px;
		}

	.stdTable {
		border:0px;
		border-collapse:collapse;
		color:#000000;
		font:14px Arial,sans-serif;
		margin:0px;
		width:100%;
		}

	.stdTable td {
		border:0px;
		border-style:none;
		color:#3A3A3A;
		font:normal 19px 'Roboto Condensed', Arial, sans-serif;

		padding:4px;
		}

	.stdTableZeroBorder {
		border:0px;
		border-collapse:collapse;
		color:#000000;
		font:14px Arial,sans-serif;
		margin:0px;
		padding:0px;
		}

	.stdTableZeroBorder td {
		border:0px;
		border-style:none;
		color:#000000;
		font:14px Arial,sans-serif;
		}

/*--------------------Input Field--------------------*/

	#inputfield {
		background-color:#ffffff;
		border-bottom:20px solid #ffffff;
		border-top:20px solid #ffffff;
		width:100%;
		}

	#inputfield td {
		color:#3A3A3A;
		font:700 19px 'Roboto Condensed', Arial, sans-serif;

		padding:0 0 0 10px;
		vertical-align:text-left;
		}

	#inputfield .field {
		border: 1px solid #B9B9B9;
		border-radius: 4px 4px 4px 4px;
		box-shadow: 1px 1px 5px #888888;
		-moz-box-shadow: 0px 0px 5px #888888; /* Firefox 3.6 and earlier */
		color:#555555;
		font:normal 19px 'Roboto Condensed', Arial, sans-serif;

		height:36px;
		padding:3px 0 0 6px;
		vertical-align:middle;
		width:300px;
		}

	#inputfield input, #inputfield img {
		vertical-align:middle;
		}

/*--------------------Footer---------------------*/

	#copyright {
		background-color:transparent;
		font:11px Arial,sans-serif;
		line-height:15px;
		color:#B9B9B9;
		text-align:right;
		}

	#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:transparent;
		font:11px Arial,sans-serif;
		line-height:15px;
		color:#B9B9B9;
		text-align:right;
		}

	#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;
		}

/*---------------------Viewer--------------------*/

	#viewer {
		height: 100%;
		}

	#vwcontent {
		background-color:#ffffff;
		border:0px;
		clear:both;
		color:#555;
		font:14px Arial,sans-serif;
		line-height:21px;
		padding:4px;
		padding-top:15px;
		padding-bottom:15px;
		}

	#vwcontent .article {
		background-color:#ffffff;
		color:#555;
		font:14px Arial,sans-serif;
		line-height:21px;
		padding:0 0 0 20px;
		vertical-align:top;
		}

	#vwcontent a:link {
		color:#0083c1;
		text-decoration:none;
		}

	#vwcontent a:active {
		color:#0083c1;
		text-decoration:none;
		}

	#vwcontent a:visited {
		color:#0083c1;
		text-decoration:none;
		}

	#vwcontent a:hover {
		color:#436815;
		text-decoration:underline;
		}

	#vwcontent li {
		line-height: 18px;
		}

	#vwcontent td {
		font:14px Arial,sans-serif;
		line-height: 21px;
		color: #555555;
		}

	#vwcontent th {
		font:14px Arial,sans-serif;
		line-height: 21px;
		color: #555555;
		}

	#helpfulnessvote {
		background-color:#ffffff;
		clear:both;
		color:#555;
		font:14px Arial,sans-serif;
		text-align:center;
		line-height:21px;
		margin-bottom:5px;
		box-shadow: 0px 3px 6px rgba(0,0,0,.2);
		}
		
	#helpfulnessvote a {
		margin-left:6px;
		}
		
	#helpfulnessvote input, #helpfulnessvote span {
		vertical-align:middle;
		}
	
	#helpfulnessvote img {
		vertical-align:text-bottom;
		}
		
	#helpfulnessvote a:active {
		color:#555;
		}
		
	#helpfulnessvote a:hover {
		color:#555;
		}

/*--------------------Right Pane Links--------------------*/
	 #routepane #vwcontent .article {
		padding:8px 0 0 12px;
		font-size: 13px;
		line-height:16px;
		}

	#resultpane #vwcontent .article {
		padding:8px 0 0 12px;
		font-size: 13px;
		line-height:16px;
		}


/*--------------------Advanced--------------------*/

#advanced
{background-color:#e7e8ed !important;}
#advanced td
{color:#003399;font:normal normal 8pt arial,helvetica,sans-serif;vertical-align:top;}
#advanced select, #advanced .input
{color:#000000;font:normal normal 8pt arial,helvetica,sans-serif;width:320px;vertical-align:middle;}
#advanced .field
{color:#000000;font:normal normal 8pt arial,helvetica,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 8pt arial,helvetica,sans-serif;vertical-align:top;}
#preferences select
{color:#000000;font:normal normal 8pt arial,helvetica,sans-serif;width:220px;vertical-align:middle;}
#preferences input, #preferences img
{vertical-align:middle;}

/*--------------------Search------------------------*/
#sbanner
{height:69px;background-color:#9caace;}
#sbanner .bannerlogo
{float:left;position:relative;clear:both;}
#sbanner .bannertext
{font:normal bold 14px arial,helvetica,sans-serif;color:#000000;text-align:center;padding-top:25px;}

#search
{background-color:#ffffff !important;font:normal normal 14px arial,helvetica,sans-serif;color:#000000;overflow:auto;border:0px;}
#search .hosttext
{color:#003399;font:normal normal 8pt arial,helvetica,sans-serif;background-color:#e7e8ed !important;vertical-align:top;}
#search .article
{color:#000000;font:normal normal 8pt arial,helvetica,sans-serif;background-color:#e7e8ed !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;}

/* For Viewer - MIN widths are set here, these are intentional break points, more could be added */

/* 
@media (min-width: 360px) {

    #vwbanner,#vwcontent {

        max-width: 320px;

	margin: 0 auto;
    }

}

@media (min-width: 480px) {

    #vwbanner,#vwcontent {

        max-width: 400px;

	margin: 0 auto;
    }

}

@media (min-width: 560px) {

    #vwbanner,#vwcontent {

        max-width: 520px;

	margin: 0 auto;
    }

} */


@media screen and (max-device-width: 768px) {
    #vwbanner,#vwcontent {
        max-width: 100%;
	margin: 0 auto;
    }
    #vwcontent, #vwcontent td, #vwcontent th {
        font-size: 1.2em;
	line-height: initial;
    }
    #vwcontent h1, #vwcontent h2, #vwcontent h3, #vwcontent h4 {
        font-size: 1.1em;
	line-height: initial;
    }
    #vwcontent li {
	line-height: initial;
    }
    #helpfulnessvote {
        font-size: 1em;
	line-height: initial;
    }
}

@media screen and (max-device-width: 480px) {
    #vwcontent, #vwcontent td, #vwcontent th {
        font-size: 2em;
	line-height: initial;
    }
    #vwcontent h1, #vwcontent h2, #vwcontent h3, #vwcontent h4 {
        font-size: 2em;
	line-height: initial;
    }
    #vwcontent li, #vwcontent td, #vwcontent th {
	line-height: initial;
    }
    #helpfulnessvote {
        font-size: 1.5em;
	line-height: initial;
    }
}

@media (min-width: 768px) {

    #vwbanner,#vwcontent {

        max-width: 750px;

	margin: 0 auto;
    }

}

@media (min-width: 992px) {

    #vwbanner,#vwcontent {

        max-width: 970px;

	margin: 0 auto;
    }

}

@media (min-width: 1200px) {

    #vwbanner,#vwcontent {

        max-width: 1024px;

	margin: 0 auto;
    }

}

@media (min-width: 1250px) {

    #vwbanner,#vwcontent {

        max-width: 1024px;

	margin: 0 auto;
    }

}

/* END Sticky grid */


/*------------VA Margin for taller screens------------*/
@media (min-height: 750px) {

    #content {

        margin-top: 10px;
    }

}



/*--------------------Session Logs--------------------*/
#log
{background-color:#ffffff;font:normal normal 8pt arial,helvetica,sans-serif;color:#000000;}
#log .hostname
{color:#003399;font:normal normal 8pt arial,helvetica,sans-serif;background-color:#e7e8ed;vertical-align:top;}
#log .hosttexthistory
{color:#86888a;font:normal normal 8pt arial,helvetica,sans-serif;background-color:#e7e8ed;vertical-align:top;}
#log .username
{color:#000000;font:normal normal 8pt arial,helvetica,sans-serif;background-color:#d5d5d4;}
#log .usertexthistory
{color:#86888a;font:normal normal 8pt arial,helvetica,sans-serif;background-color:#d5d5d4;}
#log .hostrelinfo
{color:#003399;font:normal bold 10pt arial,helvetica,sans-serif;background-color:#e7e8ed;vertical-align:top;}
#log .solutionhistory
{color:#86888a;font:normal normal 8pt arial,helvetica,sans-serif;background-color:#e7e8ed;vertical-align:top;}
#log a:link {color:#0000ff;}
#log a:active {color:#0000ff;}
#log a:visited {color:#800080;}
#log a:hover {color:#ff0000;}


/*--------------------Print--------------------*/
@media print {
	body {
		overflow:visible;
		}
		
	#content {
		display:block;
		height:100%;
		overflow: visible !important;
		position:relative;
		width:100%;
		}
		
	#main {
		display:block;
		height:100%;
		overflow: visible !important;
		position:relative;
		width:100%;
		}
		
	#lcontent {
		display:block;
		height:100%;
		overflow: visible !important;
		position:relative;
		width:100%;
		}

	#dialog {
		display:block;
		height:100%;
		overflow: visible !important;
		position:relative;
		width:100%;
		}
		
	#banner {
		display:none;
		}
		
	#menu {
		display:none;
		}
		
	#inputfield {
		display:none;
		}
		
	#copyright {
		display:none;
		}

	#rcontent {
		display:none;
		}

	#poweredby {
		display:none;
		}
	}