html.leap	{ margin: 0; padding: 0; background-color: #aecee8;   }
body.leap	{ background:#0060AA url(../images/bgTopLogo.gif) no-repeat scroll 0 0;
margin-left:auto;
margin-right:auto;
padding:0;
width:950px;
         	  } 

html.leapPopup	{ margin: 0; padding: 0; background-color: #aecee8 ;}
body.leapPopup	{ margin: 10px; padding: 0; background: #0060aa url(../images/popUpLogo.gif) 0 0 no-repeat;}
/*background-color:  ;*/
/* MAIN CONTAINERS */

#outer, #outerPopUp	{padding:0; margin-left:auto;margin-right:auto; position:static; border: solid 0px transparent;}
#outer {min-width:950px; background: url(../images/bgTopTitle.jpg) 100% 0  no-repeat; }
#outerPopUp { background:  url(../images/popUpTitle.jpg) 100% 0  no-repeat; margin: 0 0px;}
	#outerPopUp textarea {background:transparent;}

#header, #content {}
#header {height: 80px;  width: 100%;}
#headerPopUp {height: 90px; }
#content { margin: 0px 15px 0px 15px; }

#footer { background: url(../images/bgBtmLCnr.gif) 0 0 no-repeat;  text-align: right; padding: 0px; border: solid 0px black; height: 48px;}
	#outerPopUp #footer { background: #0060aa url(../images/bgBtmLCnr.gif) 0 0 no-repeat;  text-align: right; padding: 0px 0px 0px; margin-top: -10px; }
	#footer div.footerBg { background: url(../images/logoLeapProducts.gif) 50% 0 no-repeat;}
	#footer div div.footerRight, #footer div.footerRight { background: url(../images/bgBtmRCnr.gif) top right no-repeat; padding: 48px 0px 0px 12px; }
	#footer .footerText {padding:  5px 3px; background-color:#aecee8; } 

#footer,#footer  a {color: #0060aa; }
	#footer  a:hover {color: #002644; }
	
.pageLogACall .formDataCell   {width:395px;}
.pageLogACall .successMessage {width:378px;}

/* SUB CONTAINERS */

.contentContainer { background: #fff url(../images/bgContentContainer.gif) 0 -1px repeat-x; padding:10px ;  }
.utilityPageContainer { margin-top: 34px; padding:20px 20px 55px 40px; background: #fff url(../images/bgContentContainer.gif) 0 -1px repeat-x;} 

/*353*/
	.utilityPageContainer table.loginBox { margin: 100px auto 0; }

.contentContainer, .utilityPageContainer {min-height:390px; }
	
.credentials {text-align: right; padding: 8px 15px 0 0; color:#fff; font-size:11px; height:13px;}
	.credentials a {color:#aec7ff;}
	.credentials a:hover {color:#dae2f5;}

.buttonBox { padding: 0px 15px 0px; text-align:right; }
	.pageLogACall .buttonBox { width: 555px; padding:5px; background: #e5e5e5; border: 1px solid #c4c4c4; height:25px;}
	.pageKnowledgeBase .buttonBox { width: 600px; padding: 5px 0px 15px;}
	.pageMyDetails .buttonBox {padding:5px; background: #e5e5e5; border: 1px solid #c4c4c4; margin:5px 0; width:558px;}
	.pageUserDetails .buttonBox {padding:5px; background: #e5e5e5; border: 1px solid #c4c4c4; margin:5px 0; width:630px;}
	.pageProductDetails .buttonBox {padding:5px; background: #e5e5e5; border: 1px solid #c4c4c4; margin:5px 0; width:538px; }
	.divWideBtn .buttonBox { width: 98%; padding:5px; background: #e5e5e5; border: 1px solid #c4c4c4; height:25px;}

.buttonBack {  top: -25px; padding-left: 15px; position: relative; width: 780px; text-align: right; }/*}background: #e5e5e5;	*/
	
.pageProductDetails div { width: 550px; }	
	
.supportReferenceBox { float: left; background:#dcecff; border: #afc6e2 solid 1px ; width: 140px; height: 60px; padding: 5px 3px 8px; margin: 0px 10px 10px 0; text-align:center; color:#576f8c; text-transform: uppercase; font-size: 10px;}
	.supportReferenceBox span { display:block; font-family:Arial, Helvetica, Sans-Serif; font-size: 21px; font-weight:700; background:white; border: #afc6e2 1px solid; padding: 10px 5px 10px 5px; color: Black; margin-top: 5px;  }

.confirmationText { padding-left: 160px;}

.suggestedKbBox {border: solid 1px #fbc79a; padding: 10px !important; clear: both; }
	.suggestedKbBox h4 {font-weight: 700; font-size: 10pt; border: none !important; color: #000000; padding-top: 5px; margin: 0px; }
	.suggestedKbBox .text {background-color:#feefe2 !important; line-height: 160%; font-weight: normal; margin-top: 5px; padding: 5px;  }

.divHelpGirl { background: #fff url(../images/picHelpGirl.jpg) 100% 100% no-repeat; width: 100%; min-height:138px; margin: 6px 0 0 0 ;} /* 

helpdesk girl on welcome page*/
.divHelpGirl h3 { font-size: 14px;}
.hoursOfOperation .textContent { width: 650px; height: 80px; line-height: 140%;}
.productAlert h3 {width: 650px;}
	.productAlert table { background: #fff }
	
.infoBox {width:227px !important; background:#f8fcff url(../images/bgInfoBox.jpg) no-repeat 100% 100%; padding: 10px 10px 70px; float:right; border:1px solid #e3e4e5;}
		.pageMyDetails .infoBox, .pageLogACall .infoBox { margin:14px 0 0;}
		.pageUserDetails .infoBox { width: 150px !important; margin:14px 0 0;}
		.pageKnowledgeBase .infoBox, .pageSupportRequests .infoBox { float:none; width: 100% !important; padding:10px 0px 00px; margin:10px 0 0;}
		.pageKnowledgeBase .infoBox h4, .pageKnowledgeBase .infoBox p, .pageSupportRequests .infoBox h4, .pageSupportRequests .infoBox p { padding: 0px 10px; margin-right:80px;}
	.infoBox h4 { font-family:Arial, Sans-Serif; color:#727272; font-size: 12pt; margin: 0px 0px 10px; border:none; padding:0px; }
	.infoBox p, .infoBox ul li  { font-size:7pt; color:#555555; margin: 0px 0px 3px; }
	.infoBox p { line-height:150%; margin: 0px 0px 7px; }
		
	.infoBox ul {list-style-type: square; margin-top: -3px;}
	
.pageSupportRequests h3 span {font-size: 12px;}

/* KB ARTICLES */
.kbArticleContent { position:relative; background:white; border: 1px solid #898c95; min-height: 412px; padding:10px;}

#outerPopUp .buttonBox { padding: 5px; background: #e5e5e5; border: 1px solid #c4c4c4; height:25px; position:absolute; bottom: -40px; width:100%;  

}
.resolutionBox { height: 184px; width: 100%; overflow:auto;}
	.buttonBoxRate { float:right; padding: 5px 0 0; margin-top:-28px;}

#outerPopUp h4 { position: absolute; top: -42px; right: 10px; font-family:Arial, Helvetica, Sans-Serif; font-size: 22px; border:none; color:White; letter-spacing:1px;}

.kbArticleDetails { width:100%; }
	.kbArticleDetails .formLabelCell { width:90px; padding-top:8px 0;border:1px solid white; border-width: 2px 0 2px 2px;}
	.kbArticleDetails .formDataCell { padding-top:5px 0;border:1px solid white;  border-width: 2px 2px 2px 0px; width: auto;}
#outerPopUp .textInfo { padding:5px;}	

#outerPopUp .textInfo, .kbArticleDetails .formLabelCell, .kbArticleDetails .formDataCell {  background:#f0f5fb;}

/* LOG A CALL PAGE */

.supportDetailsTable { width: 567px;}
	.supportDetailsTable td{ width: auto}
	.supportDetailsTable input, .supportDetailsTable textarea{ width: 545px}
.successMessage, .userLicSuccess { color: #000 !important; width: 453px; padding:5px; background:#d5e5f7; border: 1px solid #aab9ca; display:block;}
.userLicSuccess { width: 538px !important;}
	
/* GENERAL FORMATTING */

body, table.noBreakStyle, select, input, .textbox, textarea
{
	font: 8pt Verdana, Arial, sans-serif; 
}

table.noBreakStyle
{
	border: solid 0px #FFFFFF;
	border-collapse: collapse;
}
.textbox
{
	border: solid 1px Gray;
	padding: 2px;
	height: 13px;
	width: 200px;
}

/*CHECKLIST*/
.radio label {position: relative; top: -2px; }
.radioColourScheme1 { width: 150px; height: 80px;}
.radioWebPagesType { margin-left: 3px;}

.txtBoxRadioBtn { padding-left: 50px; padding-top: 3px;}
.txtBoxRadioBtnColour { padding-left: 20px; }


.txtCustomPage {position: relative; top: -23px; padding-left: 170px;}
.btnAddCustomPage {position: relative; top: -14px; padding-left: 400px;}
.labelContent {background-color: #ffffff; margin-right: 10px; border: solid 1px silver; padding: 5px; width: 600px;}

.ddlGenericTextHome { width: 20px; top: 48px; position: relative;}/*.ddlGenericTextHome {padding-left: 10px;  position: absolute;}*/
.ddlGenericTextAoL { width: 20px; top: 48px; left: -30px; position: relative;}
.txtOther {position: relative; top: -20px; margin-left: 62px; }

.divChecklistMenu{  background-color: #ffffff; padding-bottom: 15px;}

/*BOLD*/
.bold, .formLabelCell, .textInfo
{ font-weight: bold; }
.normal {font-weight: normal;}

.red, .required { color: #cc0000 !important;}
	.pageLogACall .required { float:left; margin-top: 6px;}
.green {color: #009900;}
.black { color: #000000 !important;}
 

/* FONTS */

h3 { color:#005ca5; border-bottom: 1px solid #e2e3e4; font-family:Arial, Helvetica, Verdana, Sans-Serif; font-size: 16px; padding: 12px 0 0; margin: 0 0 8px 0;}

h4 { color:#02355e; border-bottom: 1px solid #e5e5e5; font-family: Verdana, Sans-Serif; font-size: 12.5px; padding: 12px 0 0; margin: 0 0 16px 0;}
h5 { font-size: 10pt;}

/*TABLE STYLE*/
.formLabelCell, .formDataCell 
{
	padding-left: 10px;
	padding-bottom: 0px;
	width:auto;	
	height: 21px;	
	text-align: left;
	background-color:#f0f5fb;
}
.formDataCell	{ padding-bottom: 3px; padding-top: 2px; width: 470px;}
.formLabelCell  { vertical-align: top; padding-top: 5px; width: 150px; }
 

.pageMyDetails .noBreakStyle .formLabelCell { width: 145px;}
.pageMyDetails .noBreakStyle .formDataCell {  width: 405px;}
 
 .alert {background-color:#feefe2 !important; line-height: 160%; padding: 3px;}
 .alertBox {border: solid 1px #f7923a; padding: 5px !important; }
 
/*standard font style*/
.inputBox300 { width: 300px; }
.inputBox200 { width: 200px; }
.inputBox120 { width: 120px; }
.inputBox100 { width: 100px;}
.inputBox80	 { width: 80px; }
.inputBox50, .inputboxreallysmall	 { width: 50px; }
.inputBox80	{border: solid 1px  #7f9db9;}
.readonlytextbox {	background-color: #EEEEEE; }

.marginTop5		{ margin-top: 5px; }
.marginAuto		{ margin-left:auto;margin-right:auto;}
.marginL300		{ margin-left: 300px !important;}
.marginR125		{ margin-right: 125px !important;}
.marginR85		{ margin-right: 85px !important;}
.marginR80		{ margin-right: 80px !important;}

.padding10 { padding: 10px;}

.paddingL5	{ padding-left: 5px;}
.paddingL30	{ padding-left: 30px;}
.paddingL40	{ padding-left: 40px;}
.paddingL45	{ padding-left: 45px;}
.paddingL50	{ padding-left: 50px;}
.padding0	{ padding-right: 0px !important;}
.paddingR10	{ padding-right: 10px !important;}
.paddingR15	{ padding-right: 15px;}
.paddingR25	{ padding-right: 25px;}


.paddingTop5	{ padding-top: 5px;}
.paddingTop8	{ padding-top: 8px;}
.paddingTop70	{ padding-top: 70px;}
.paddingBtm5	{ padding-bottom: 5px;}

.floatR { float: right; }
.floatL { float: left; }
.clearFloat { clear:both; }

.h40px	{ height: 40px;}
.h80px	{ height: 80px;}
.h150px	{ height: 150px;}
.h250px	{ height: 250px;}

.w20px  { width: 20px;}
.w50px  { width: 50px;}
.w80px  { width: 80px;}
.w85px  { width: 85px;}
.w100px { width: 100px;}
.w120px { width: 120px;}
.w140px	{ width: 140px;}
.w170px	{ width: 170px;}
.w176px { width: 176px;}
.w185px	{ width: 185px;}
.w200px { width: 200px;}
.w215px { width: 215px;}
.w221px { width: 221px;}
.w250px { width: 250px;}
.w350px { width: 350px;}
.w300px { width: 300px;}
.w450px { width: 450px; }
.w500px { width: 500px; }
.w550px { width: 550px; }
.w555px { width: 555px; }
.w580px { width: 580px; }
.w600px { width: 600px; }
.w630px { width: 630px; }
.w650px { width: 650px; }
.w700px { width: 700px; }

.w100pc{ width: 100%; }

.tAlignR { text-align: right;}
.tAlignC { text-align: center;}

.textInfo		{ border-bottom: solid 1px #b2cfe5; padding-left: 0px;  }

.rateBgPos		{ background-position: 0 8px;}

.normal {font-weight: normal !important;}

.printOnly { display:none;}
.posR { position:relative;}
.block { display:block;}

/*TABS*/

.tabBox { padding:0 0 0 0px; margin-left: -1px; }

.tabBase
{
	display: block;
	float: left;	
	color: Black;	
	padding-top: 5px;
	padding-bottom:1px;
	border:none;
}
.tabBase a
{
	font: normal 11px/17px "segoe ui",arial,sans-serif;		
	cursor: pointer; 
	color: Black !important;	
	padding: 2px 10px 2px 10px;
	text-decoration: none;
}
.tabNormal a
{
	background:  white;
	color: Black !important;	
	border: 1px solid #0060aa; 
	border-bottom: 0 none !important;
	
}
.tabFocus a
{
	/*	*/
	border:none !Important;
	border-right: 1px solid #071a59 !important;
	border-bottom: 0px solid #D9E0E9 !important;
	cursor: pointer; 
	background: transparent url(../images/bgTabSelected.gif) no-repeat 0 0;
	padding: 5px 18px 2px;
	margin: 10px 0em 0px 0px;
	font-weight:700;
	font-size:14px;
	font-family:Arial, Verdana, Sans-Serif;
}
.tabBase a:Hover 
{
	cursor: pointer; 
	background:  #d9e0e9;
	color: Black;	
	border-bottom: #d9e0e9 1px solid;
	padding-bottom:3px;
}
.tabFocus a:Hover 
{
	color: #454545 !important;	
	background: transparent url(../images/bgTabSelected.gif) no-repeat 0 0;
}
.tabBorder
{
	border: solid 1px #898c95;	
	background-color: #ffffff;
	min-height: 412px;
}
.contentMinH 
{
	min-height: 353px;
}
/*END OF TABS*/



/* BUTTONS  */

.btnSubmit, .btnUpdate, .btnSearch, .btnBrowse, .btnAttachFile, .btnRemoveFiles, .btnPrint, .btnRate, .btnClose, .btnCancelRequest, 

.btnCancelCall, .btnNext, .btnBack, .btnSkip, .btnGetStarted, .btnSteps { cursor:pointer; border:none; padding: 25px 0 0 5px; overflow:hidden; font-size: 7px;}
.btnSubmit *, .btnUpdate *, .btnBrowse *, .btnAttachFile *, .btnRemoveFiles *, .btnPrint *, .btnRate *, .btnClose *, .btnCancelRequest *, 

.btnCancelCall *, .btnNext *, .btnBack *, .btnSkip *, .btnGetStarted *, .btnSteps * { border:none;}

.btnSubmit, .btnUpdate, .btnSearch, .btnRate, .btnRemoveFiles, .btnCancelRequest, .btnCancelCall, .btnNext, .btnBack {width:85px; height:25px;}
.btnPrint,  .btnClose {width:65px; height:25px; }
.btnBrowse,  .btnAttachFile {width:62px; height:23px; padding: 23px 0 0 5px;}
.btnSkip {width:140px; height:25px;}
.btnGetStarted {width:100px; height:25px;}

.btnIntro, .btnIntrob {width:87px; height:25px;}
.btnStep1, .btnStep1b  {width:109px; height:25px;}
.btnStep2, .btnStep2b  {width:113px; height:25px;}
.btnStep3, .btnStep3b  {width:163px; height:25px;}
.btnStep4, .btnStep4b  {width:103px; height:25px;}
.btnStep5, .btnStep5b  {width:155px; height:25px;}
.btnStep6, .btnStep6b  {width:113px; height:25px;}

.btnSubmit			{ background: transparent url(../images/btnSubmit.gif) no-repeat 0 0; }
.btnUpdate			{ background: transparent url(../images/btnUpdate.gif) no-repeat 0 0; }
.btnCancelRequest	{ background: transparent url(../images/btnCancelRequest.gif) no-repeat 0 0; }
.btnCancelCall		{ background: transparent url(../images/btnCloseCall.gif) no-repeat 0 0; }
.btnSearch			{ background: transparent url(../images/btnSearch.gif) no-repeat 0 0; }
.btnBrowse			{ background: transparent url(../images/btnBrowse.gif) no-repeat 0 0; height: 0px ; position:absolute; top:0px; right: 0px; cursor: default;}
.btnAttachFile		{ background: transparent url(../images/btnAttachFile.gif) no-repeat 0 0; margin-top: -23px; margin-left:330px; position: absolute; }
.btnRemoveFiles		{ background: transparent url(../images/btnRemoveFiles.gif) no-repeat 0 0;margin-right:5px }
.btnPrint			{ background: transparent url(../images/btnPrint.gif) no-repeat 0 0; }
.btnNext			{ background: transparent url(../images/btnNext.gif) no-repeat 0 0; }
.btnBack			{ background: transparent url(../images/btnBack.gif) no-repeat 0 0; }
.btnRate			{ background: transparent url(../images/btnRate.gif) no-repeat 0 0; }
.btnClose			{ background: transparent url(../images/btnClose.gif) no-repeat 0 0; }
.btnSkip			{ background: transparent url(../images/btnSkip.gif) no-repeat 0 0; }
.btnGetStarted		{ background: transparent url(../images/btnGetStarted.gif) no-repeat 0 0; }

.btnIntro			{ background: transparent url(../images/btnMenuIntro.gif) no-repeat 0 0; }
.btnIntrob			{ background: transparent url(../images/btnMenuIntrob.gif) no-repeat 0 0; }
.btnStep1			{ background: transparent url(../images/btnMenu1.gif) no-repeat 0 0; }
.btnStep1b			{ background: transparent url(../images/btnMenu1b.gif) no-repeat 0 0; }
.btnStep2			{ background: transparent url(../images/btnMenu2.gif) no-repeat 0 0; }
.btnStep2b			{ background: transparent url(../images/btnMenu2b.gif) no-repeat 0 0; }
.btnStep3			{ background: transparent url(../images/btnMenu3.gif) no-repeat 0 0; }
.btnStep3b			{ background: transparent url(../images/btnMenu3b.gif) no-repeat 0 0; }
.btnStep4			{ background: transparent url(../images/btnMenu4.gif) no-repeat 0 0; }
.btnStep4b			{ background: transparent url(../images/btnMenu4b.gif) no-repeat 0 0; }
.btnStep5			{ background: transparent url(../images/btnMenu5.gif) no-repeat 0 0; }
.btnStep5b			{ background: transparent url(../images/btnMenu5b.gif) no-repeat 0 0; }
.btnStep6			{ background: transparent url(../images/btnMenu6.gif) no-repeat 0 0; }
.btnStep6b			{ background: transparent url(../images/btnMenu6b.gif) no-repeat 0 0; }


	.kbArticleContent .btnPrint, .kbArticleContent .btnClose { position:absolute; bottom: -33px; width: 64px; height:24px;}
	.kbArticleContent .btnPrint { left: 0px;   background: transparent url(../images/btnPrintGray.gif) no-repeat 0 0;}
	.kbArticleContent .btnClose { right: 0px; background: transparent url(../images/btnCloseGray.gif) no-repeat 0 0;}
	#outerPopUp .btnCancelRequest, #outerPopUp .btnCancelCall	{ float:right; height:0px; margin:-18px -0px 0 0;}	
	.btnRate{ margin: 0px 12px 0 0;}	
	
.btnHover:hover, .btnHover a:hover, .pageLogACall .buttonBox .btnHover:hover, .pageLogACall .btnRemoveFilesBox .btnHover:hover, .websiteChecklist .btnRemoveFilesBox .btnHover:hover, .pageProductDetails .buttonBox .btnHover:hover{ background-position: 0 -25px;}
.websiteChecklist div .btnHover:hover{ background-position: 0 -25px;}

.pageLogACall .btnHover:hover, .pageLogACall .btnHover a:hover, .websiteChecklist .tdAttach .btnHover:hover, .adminPage .btnHover:hover{ background-position: 0 -23px;}
/*,.websiteChecklist .btnHover:hover, .websiteChecklist .btnHover a:hover*/
.btnHoverGray:hover, .btnHoverGray a:hover { background-position: 0 -24px;}

/* end buttons */

.hide {display: none;}
/*show is display: "" on purpose - otherwise in FF it will display funny*/
.show {display: ;} 

tr.gridHeaderStyle {background-color: #333333;}
.gridHeaderStyle th { font-weight: bold;  text-align: center; color: #ffffff;}
.gridAlternatingItemStyle {background-color: #f2f2f2; }
.gridAlternatingItemStyle, .gridItemStyle {vertical-align: top;}
.border0 { border: 0px;}
.rateButton { float: right; padding-top: 5px;}

.rade_toolZone, .rade_module { height: 0px !important; padding: 0px !important; border: 0px !important;}

.indexUl { line-height: 150%; margin-top: 5px;}