﻿@media screen
{
html{margin: 0px; padding: 0px;}
body{margin: 0px; padding: 0px; font-family: Calibri, Arial, Tahoma; background-color: White;}
hr{color: #ababab; height: 1px; border-top: 1px solid #ababab;}
p{line-height: 1.4em; margin-bottom: 2em;}
#wrapper{position: relative; width: 100%; min-width: 735px;}
#header{width: 100%; height: 90px; background-image: url(./Images/header_background.png); background-repeat: repeat-x;}
#leftPane{position: relative; width: 200px; height: 100%; float: left; padding: 0px 0px 41px 0px; background-image: url(./Images/left_pane_background.png); background-repeat: repeat-y;}
.leftPaneBase{position: absolute; left: 0px; bottom: 0px; width: 100%; height: 41px; background-image: url(./Images/left_pane_base_background.png); background-repeat: no-repeat;}
#content{padding: 0px 225px 25px 225px;}
#rightPane{position: relative; width: 200px; height: 100%; float: right; padding: 0px 0px 41px 0px; background-image: url(./Images/right_pane_background.png); background-repeat: repeat-y;}
.rightPaneBase{position: absolute; left: 0px; bottom: 0px; width: 100%; height: 41px; background-image: url(./Images/right_pane_base_background.png); background-repeat: no-repeat;}
#footer{clear: both; width: 100%; background-color: #cccccc; height: 50px; border-top: 1px solid #ababab;}
#crumbBar{height: 20px; background-color: #ececec; border-bottom: 1px solid #ababab; font-size: .8em; padding: 3px 0px 0px 0px;}
#crumbBar a:link, #crumbBar a:visited{color: #444444; text-decoration: none; margin: 0px 0px 0px 10px;}
#crumbBar a:hover{text-decoration: underline;}
.imgLogo{margin: 25px 0px 0px 10px;}
#header h1{font-size: 15pt; margin: -3px 0px 0px 39px; color: White;}
#leftPane, #rightPane{font-size: .8em;}
#leftPane h2, #rightPane h2{font-size: 1.2em; margin: 0px 0px 3px 10px;}
#leftPane ul, #rightPane ul{margin: 0px 0px 0px 10px; list-style-type: none; padding: 0px;}
#leftPane ul li, #rightPane ul li{margin: 3px 0px 0px 0px;}
#leftPane ul li a:link, #leftPane ul li a:visited, #rightPane ul li a:link, #rightPane ul li a:visited{color: #444444; text-decoration: none;} 
#leftPane ul li a:hover, #rightPane ul li a:hover{text-decoration: underline;}
.txtSearchCriteria{margin: 0px 2px 0px 10px; border: 1px solid #ababab;}
.rdoSearchType{display: block; margin: 0px 2px 0px 10px;}
.imgTopIssues, .imgSelfSupport, .imgMoreHelp, .imgDownloads, .imgCustom, .imgTraining{float: left; margin: 0px 25px 0px 0px;}
#content h1{font-size: 1.4em; margin-bottom: 55px;}
#content h2{font-size: 1.4em;}
#content ul li a:link, #content ul li a:visited{font-size: .8em;}
.loginBox{}
.loginTable{}
.loginInput{}
.loginCheck{font-size: .8em;}
.techTable{width: 100%; border: collapse; border: 1px solid #ababab;}
.techTable thead{background-color: #cccccc; border: 1px solid #ababab;}
.techTable thead tr{border: 1px solid #ababab;}
.alt{background-color: #ececec;}
.searchBox{padding: 10px; border: 1px solid #4682B4; background-color: #F0F8FF;}
.searchBox h3{margin: 0px;}
.searchBox table{width: 99%;}
.searchBox .label{width: 100px;}
.searchInput{width: 98%;}
.searchCombo{width: 100%;}
.buttonRow{text-align: right;}
/*.searchResults h2{font-weight: normal; font-size: .7em; margin: 0px;}
.searchResults p{margin: 0px; font-size: .8em;}*/
.searchResults p{margin: 0px; font-size: .8em;}
.searchResults a:link, .searchResults a:visited{margin: 0px; font-size: .8em;}
.searchDisplayLink{display: block; color: #cccccc;}
.kbFeedback{position: relative; border: 1px solid #FFD700; background-color: #FFFFE0; padding: 10px; font-size: .8em;}
.kbFeedback p{margin: 10px 0px 0px 0px;}
.kbFeedback h3{margin: -10px 0px 0px 0px;}
.kbFeedback .label{width: 180px; text-align: right;}
.kbFeedback .head{text-align: center; vertical-align: bottom; font-weight: bold;}
.kbFeedback .kbFeedbackInput{width: 99%; height: 100px;}
.conTable{width: 99%;}
.conTable .add{text-align: left;vertical-align: top;}
.conTable .ph{text-align: right;vertical-align: top;}
.conTable .label{width: 75px; text-align: right; vertical-align: text-top;}
.conInput{width: 98%;}
.conInputMulti{width: 98%; height: 200px;}
.conDiv{margin: 15px 0px 0px 0px; border: 1px solid #778899; background-color: #EEEEEE; padding: 10px;}
.conDiv h2{margin: -11px 0px 10px 0px;}
.btnSubmit{float: right;}
.dlBox{background-color: #F0F8FF; border: 1px solid #4682B4; padding: 10px; font-size: .8em;}
.dlBox h3{margin-bottom: 0px;}
.gridControls{font-size: .8em; text-align: right; width: 100%;}
.adminTable{width: 100%;}
.adminTable tr{vertical-align: text-top; text-align: right;}
.adminKbTitle{width: 99%; border: 1px solid #CCCCCC;}
.adminKbContent{font-family: Calibri, Arial, Tahoma; height: 400px;}
.kbArticle ol li{background-color: #eaf9ff; border: 1px solid white;}
.kbInfoBox{font-size: .8em; width: 150px; padding: 10px; float: right; background-color: #ececec; border: 1px solid #ababab; margin: 0px 0px 15px 15px;}
/* MessageBox Control Common */
	.msgBox{position: relative; padding: 10px 0px 10px 0px; margin: 25px 0px 25px 0px; color: #444444; font-size: 10pt; line-height: 1.3em;}
	.msgBoxTable{width: 100%; height: 100%;}
	.msgBoxTable td{vertical-align: middle;}
	.msgBoxTable .msgText{text-align: left;}
	.msgBoxTable .msgImage{width: 40px; text-align: center;}
	/* MessageBox Control Individual */
	.alertBox{border: 1px solid #FFD700; background-color: #FFFFE0;}
	.errorBox{border: 1px solid #CD5C5C; background-color: #FFE4E1;}
	.infoBox{border: 1px solid #4682B4; background-color: #F0F8FF;}
	.noteBox{border: 1px solid #778899; background-color: #EEEEEE;}
	.helpBox{border: 1px solid #4682B4; background-color: #F0F8FF;}
	.aboutBox{border: 1px solid #4682B4; background-color: #F0F8FF;}
	.successBox{border: 1px solid #006E2E; background-color: #CDEB8B;}
	.tipBox{border: 1px solid #778899; background-color: #EEEEEE;}
}

@media print
{
#header{display: none;}
#leftPane{display: none;}
#rightPane{display: none;}
#crumbBar{display: none;}
#footer{display: none;}
.kbFeedback{display: none;}
}