﻿@import url("Tapco.css");

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt; /*#262D5F, #001840()old*/
	color: #262D5F;
}

div.panelPageContent
{
	width: 785px;
	background-color: Transparent;
}

div.panelMenuContainer
{
	width: 200px;
	/*height: 720px;*/
	background-color: Transparent;
	float: left;
	padding-top: 5px;
}

div.panelContentContainer
{
	width: 583px;
	/*height: 720px;*/
	background-color: Transparent;
	float: right;
}

div.panelMenuSubContainer
{
	float:left;
	width: 200px;
	background-color: Transparent;
	/*height: 600px;*/
	
}

div.panelMenuTop
{
	float:left;
	width: 200px;
	/*height: 600px;*/
	
}

div.panelMenuBot
{
	clear: both;
	float:left;
	width: 200px;
	/*height: 120px;*/
	
}

div.panelMenu
{
	width: 200px;
	/*height: 600px;*/
	/*background-color: #F0F8FF;*/
	/*position: absolute;*/
	
}

div.panelMenuAd
{
	clear: both;
	float:left;
	width: 200px;
	height: 120px;
	/*background-color:#262D5F;*/
	
}

div.panelMenuAdImage
{
	width: 200px;
	height: 71px;
	
}

div.panelContent
{
	width: 583px;
	
}

div.panelContentLogin
{
	width: 583px;
	
}

div.panelContentAutoOverFlow
{
	width: 583px;
	overflow: auto;
	
}

div.panelContentAbs
{
	width: 583px;
	position: absolute;
	
}

div.panelContentBottomBorder
{
	width: 583px;
	border-bottom: #262D5F 1px solid; 
	
}

div.panelContentAutoOverflowTopBorder
{
	width: 583px;
	border-top: #262D5F 1px solid; 
	overflow: auto;
}

div.panelContentBottomBorderAbs
{
	width: 583px;
	border-bottom: #262D5F 1px solid; 
	position: absolute;
	
}

div.panelStandard
{
	width: 553px;
	/*width: 525px;*/
	padding: 15px;

}

div.panelStandardAbs
{
	width: 553px;
	/*width: 525px;*/
	position: absolute;
	/*margin: 15px;*/
	
}

div.panelStandardAutoOverflowAbs
{
	width: 553px;
	margin: 15px;
	position: absolute;
	overflow: auto;
	
}

div.panelStandardAutoOverflow
{
	width: 553px;
	padding: 15px;
	overflow: auto;
	
}

div.panelSubItem
{
	width: 553px;
	background-color: Transparent;
	
}

div.panelSubItemExtraIndent
{
	width: 553px;
	background-color: Transparent;
	margin-left: 15px;
	
}

div.panelSubItemAutoOverFlow
{
	width: 553px;
	background-color: Transparent;
	overflow: auto;
	
}

div.panelSubItemTopBorder
{
	width: 553px;
	background-color: Transparent;
	border-top: #262D5F 1px solid;
	
}

div.panelSubItemAutoOverFlowTopBorder
{
	width: 553px;
	background-color: Transparent;
	border-top: #262D5F 1px solid;
	overflow: auto;
	
}

div.panelSubItemAllBorders
{
	width: 553px;
	background-color: Transparent;
	border: #262D5F 1px solid;
	
}

div.panelSubItemBottomBorder
{
	width: 553px;
	background-color: Transparent;
	border-bottom: #262D5F 1px solid;
	
}

div.panelSubItemAllBordersAutoOverFlow
{
	width: 553px;
	background-color: Transparent;
	border: #262D5F 1px solid;
	overflow: auto;
	
}

div.panelSubItemAbs
{
	width: 553px;
	background-color: Transparent;
	position: absolute;
	
}

div.panelSubItemExtraIndentAbs
{
	width: 553px;
	background-color: Transparent;
	margin-left: 15px;
	position: absolute;
	
}

div.panelSubItemAutoOverFlowAbs
{
	width: 553px;
	background-color: Transparent;
	position: absolute;
	overflow: auto;
	
}

div.panelSubItemTopBorderAbs
{
	width: 553px;
	background-color: Transparent;
	border-top: #262D5F 1px solid;
	position: absolute;
	
}

div.panelSubItemAutoOverFlowTopBorderAbs
{
	width: 553px;
	background-color: Transparent;
	border-top: #262D5F 1px solid;
	position: absolute;
	overflow: auto;
	
}

div.panelSubItemAllBordersAbs
{
	width: 553px;
	background-color: Transparent;
	border: #262D5F 1px solid;
	position: absolute;
	
}

div.panelBrokerList
{
	width: 500px;
	background-color: #FFFFFF;
	border: #262D5F 1px solid;
	overflow: auto;
	
}

div.HtmlText
{
	font-size: 10pt;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	
}

div.panelFaqQuestions
{
	width: 553px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 10pt;
	
}

div.panelFaqAnswers
{
	height: 300px;
	width: 568px;
	overflow: auto;
	border-top: #262D5F 1px groove;
	margin-left: 15px;
	padding-bottom: 15px;
	font-size: 10pt;
}

div.panelContentButtons
{
	clear: both;
	width: 583px;
	height: 24px;
	text-align: right;
	border-top: #262D5F 1px solid;
	
}

div.panelInstruction
{
	width: 553px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	overflow: auto;
	
}

div.panSubItemHeader
{
	/*background-color: #262D5F;
	color: White;*/
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	/*overflow: auto;*/
}

/*BrokerWeb specific*/
table.radioButtonList
{
	background-color: White;
	border-right: #262D5F 1px solid;
	border-top: #262D5F 1px solid;
	border-left: #262D5F 1px solid;
	border-bottom: #262D5F 1px solid;
	
}

div.panelBusinessObjectList
{
	width: 485px;
	background-color: #FFFFFF;
	border: #262D5F 1px solid;
	overflow: auto;
	height: 100px;
}

table.radioBusinessObjectList
{
	width: 468px;
}

table.radioBusinessObjectList tr 
{
	height: 24px;

}

table.radioBusinessObjectList tr td 
{
	height: 24px;

}

table.radioBusinessObjectList tr td label
{
	height: 24px;

}

table.radioBusinessObjectList tr td input
{
	height: 24px;

}

table.radioButtonList
{
	width: 468px;
	background-color: Transparent;
	border: none;
}

input.buttonMenuMain
{
	/*left: 1px;*/
	padding-left: 1px;
	height: 24px;
	width: 199px;
	color: #262D5F;
	/*font-family: Tahoma, Arial, Sans-Serif;*/
	font-size: 9pt;
	background-color: White;
	/*position: absolute;
	background-color: #B0C4DE;*/
	cursor: pointer;
	border-right-style: none;
	border-left-style: none;
	border-bottom: #262D5F 1px solid;
	border-top: #262D5F 1px solid;
}

input.buttonMenuHover
{
	/*left: 1px;*/
	padding-left: 1px;
	height: 24px;
	width: 199px;
	color: White;
	/*font-family: Tahoma, Arial, Sans-Serif;*/
	font-size: 9pt;
	/*position: absolute;
	background-color: #f0f8ff;*/
	background-color: #262D5F;
	cursor: pointer;
	border-right-style: none;
	border-left-style: none;
	border-bottom: #262D5F 1px solid;
	border-top: #262D5F 1px solid;
}

input.buttonMenuSub
{
	left: 1px;
	height: 24px;
	width: 199px;
	color: #262D5F;
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 9pt;
	position: absolute;
	background-color: #d0e3ef;
	cursor: pointer;
	border-right-style: none;
	border-left-style: none;
	border-bottom: #262D5F 1px solid;
	border-top: #262D5F 1px solid;
}

input.buttonMenuAd
{
	/*left: 1px;*/
	height: 24px;
	width: 199px;
	/*font-family: Tahoma, Arial, Sans-Serif;*/
	font-size: 9pt;
	background-color: #262D5F;
	cursor: pointer;
	border-right-style: none;
	border-left-style: none;
	/*border-bottom: white 1px solid;*/
	border-top: white 1px solid;
	color: white;
	
}

input.buttonMenuAdHover
{
	/*left: 1px;*/
	height: 24px;
	width: 199px;
	/*font-family: Tahoma, Arial, Sans-Serif;*/
	font-size: 9pt;
	background-color: White;
	cursor: pointer;
	border-right-style: none;
	border-left-style: none;
	/*border-bottom: white 1px solid;*/
	border-top: #262D5F 1px solid;
	color: #262D5F;
	
}

img.menuAdImage
{
	height: 70px;
	width: 108px;
	position: relative;
	top: 1px;
	
}

/*Login Control
dev note: table controls...
*/
.loginControl
{
	margin-left: 106px;
	margin-top: 100px;
	/*border-right: #262D5F 1px solid;
	border-top: #262D5F 1px solid;
	border-left: #262D5F 1px solid;
	border-bottom: #262D5F 1px solid;*/
	
}

.loginHeader
{
	font-size: 10pt;
	font-weight: bold;
	width: 350px;
	
}

.loginInstruct
{
	width: 275px;
}

.textboxLogin
{
	width: 150px;
	
}

.checkboxLogin
{
	color: #262D5F;
	background-color: transparent;

}

table.login
{
	width: 350px;
	
}

table.login td.label
{
	width: 160px;
	
}

table.login td.field
{
	width: 160px;
	
}

table.login td.validation
{
	width: 30px;
	
}

/*
Validate webkey
*/
table.standardSubItem
{
	width: 450px;
}

table.standardSubItem td.label
{
	width: 250px;
}

table.standardSubItem td.field
{
	width: 174px;
}

table.standardSubItem td.val
{
	width: 26px;
}

table.standardSubItem td.val div
{
	position: absolute;
	
}

/*
Create Logon table
*/

table.createLogon
{
	width: 450px;
}

table.createLogon td.label
{
	width: 200px;
}

table.createLogon td.field
{
	width: 224px;
}

table.createLogon td.validation
{
	width: 26px;
	vertical-align: top;
	
}

table.createLogon td.validation div
{
	position: absolute;
	
}

/*
Search criteria table...
*/
table.searchCriteria
{
	width: 583px;
	font-size: 8pt;
	
}

table.searchCriteria td.label
{
	width: 150px;
	
}

table.searchCriteria td.field
{
	width: 450px;
	
}

table.searchCriteria td.custom div
{
	position: absolute;
	
}

table.profileDC
{
	width: 553px;
}

table.profileDC td.validation
{
	width: 20px;
	
}

table.profileDC td.field
{
	width: 533px;
	
}

table.profileDC td.custom div
{
	position: absolute;
	
}

table.ContentHeader
{
	width: 553px;
	
}

table.ContentHeader td.label
{
	width: 150px;
	
}

table.ContentHeader td.field
{
	width: 403px;
	
}

table.ContentHeader2Col
{
	width: 550px;
	
}

table.ContentHeader2Col td.label1
{
	width: 120px;
	
}

table.ContentHeader2Col td.field1
{
	width: 270px;
	
}

table.ContentHeader2Col td.label2
{
	width: 120px;
	
}

table.ContentHeader2Col td.field2
{
	width: 40px;
	
}


table.Content2Col
{
	width: 500px;
	
}

table.Content2Col td.label1
{
	width: 120px;
	
}

table.Content2Col td.field1
{
	width: 270px;
	
}

table.Content2Col td.label2
{
	width: 120px;
	
}

table.Content2Col td.field2
{
	width: 40px;
	
}

table.CheckBoxList
{
	width: 484px;
	/*border: #262D5F 1px solid;*/
	
}

/*Grids*/
div.panelGridResultsHeader
{
	color: white;
	/*font-family: Verdana;*/
	font-size: 9pt;
	background-color: #262D5F;
	border-right: #262D5F 1px solid;
	/*border-top: #262D5F 1px solid;*/
	border-left: #262D5F 1px solid;
	/*border-bottom: #262D5F 1px solid;*/
}

table.gridHeader
{
	border-collapse: collapse;
}

table.gridHeader tr
{
	/*border: white 1px solid;*/
}

table.gridHeader td
{
	border: white 1px solid;
	border-collapse: collapse;
}

table.gridHeader td.top
{
	height: 38px;
	
}

table.gridHeader td.bottom
{
	height: 22px;
	
}

a.buttonResultsHeaderSort:link
{
	font-size: 10pt;
	cursor: pointer;
	color: white;
	text-decoration: none;
}
a.buttonResultsHeaderSort:visited
{
	font-size: 10pt;
	cursor: pointer;
	color: white;
	text-decoration: none;
}
a.buttonResultsHeaderSort:hover
{
	font-size: 10pt;
	cursor: pointer;
	color: white;
	text-decoration: underline;
}
a.buttonResultsHeaderSort:active
{
	font-size: 10pt;
	/*background-color: #262D5F;*/
	cursor: pointer;
	color: white;
	text-decoration: underline;
}

input.buttonResultsHeaderAll
{
	height: 20px;
	width: 75px;
	font-size: 8pt;
	background-color: #262D5F;
	cursor: pointer;
	color: white;

}

tr.gridResultsHeader
{
	color: white;
	/*font-family: Verdana;*/
	font-size: 9pt;
	background-color: #262D5F;
	border-right: #262D5F 1px solid;
	/*border-top: #262D5F 1px solid;*/
	border-left: #262D5F 1px solid;
	/*border-bottom: #262D5F 1px solid;*/
}

tr.gridResultsRow
{
	color: #262D5F;
	/*font-family: Verdana;*/
	font-size: 8pt;
	background-color: #F0F8FF;

}

tr.gridResultsAlternate
{
	color: #262D5F;
	/*font-family: Verdana;*/
	font-size: 8pt;
	background-color: White;
}

tr.gridHighlight
{
	color: #262D5F;
	/*font-family: Verdana;*/
	font-size: 8pt;
	background-color: #d2e7fa;
}

.buttonLinkButton
{
	background-color: transparent;
	text-decoration: underline;
	border: none;
	width: 175px;
	text-align: left;
}
.buttonLinkButtonHover
{
	background-color: transparent;
	text-decoration: underline;
	border: none;
	width: 175px;
	cursor: pointer;
	text-align: left;
}




/*Pop Up Div control settings*/
.PopUpDiv
{
	position: absolute; 
	border: #262D5F 1px solid; 
	padding: 1px; 
	background-color: white;
	
}

.PopUpDivHeader
{
	border-bottom: 1px black solid;
}

.PopUpDivTitle
{
	background-color: #262D5F;
	color: White;
	
}
.PopUpDivTitleLabel
{
	padding-left: 10px;
}

.PopUpDivBody
{
	background-color: #F0F8FF; /*#d2e7fa;*/
	padding: 10px;
	
}

.PopUpDivLink
{
	cursor: pointer;
	text-decoration: underline;
}



span.navMainLevel
{
	color:#8dc03d;
	font-size:13px;
	font-weight:bold;
	display:block;
	text-decoration: none;
	padding:5px 0 5px 10px;
}

span.navSubLevel
{
	color:#949597;
	font-size:11px;
	display:block;
	text-decoration: none;
	padding-left:20px;
}

/* Resize Ajax control toolkit*/
		
.usliQuotePanel
{
	border: solid 1px #262D5F;
	height: 601px;
	width: 731px;
	background-color: White;
	
}

.handlePanel
{
	width: 16px;
	height: 16px;
	background-image: url('../../Common/Images/AjaxControls/HandleHand.png'); /*background-image:url(images/HandleGrip.png);*/
	overflow: hidden;
	cursor: se-resize;
}

.resizingPanel
{
	padding:0px;
	border: solid 1px #262D5F;
	background-color: White;
}
