@charset "utf-8";
/* CSS Document */

	body {
		background-color: #FFFFFF;
	}
	
	#mainGradTop{
		position: relative;
		top: 0px;
		width: 995px; 
		height: 30px;
		margin-right: auto;
		margin-left: auto;
		background-image: url(images/mainGradTop.png);
		background-repeat: no-repeat;
	}
	
	#main{
		position: relative;
		top: -1px;
		width: 995px; 
		height: 675px;
		margin-right: auto;
		margin-left: auto;
		background-image: url(images/mainGrad.png);
		background-repeat: repeat-y;
	}
	
		#header{
			position: relative;
			margin-right: auto;
			margin-left:auto;
			top:0px;
			height:115px;
			width:95%;
		}
		
			#logo{
				position: relative;
				top: 0px;
				left: 20px;
				width: 110px; 
				height: 100px;
				background-image: url(images/BSI_Logo.png);
				background-repeat: no-repeat;
			}
			
			#slogan{
				position: absolute;
				top: 23px;
				left: 175px;
				width: 460px; 
				height: 42px;
				background-image: url(images/slogan.png);
				background-repeat: no-repeat;
			}

			#emailLogin {
				position: absolute;
				top: 0px;
				right: 5px;
				width: 100%;
				height: 20px;
				text-align: right;
			}

			#nav{
				position:absolute;
				top:52px;
				right: 5px;
				width:413px;
				height: 40px;
				background-color: #CCCCCC;
			}
	
				.navTab {
					position: absolute;
					top: 0px;
					left: 0px;					
					height: 36px;
					background-color: #FFFFFF;
					text-align: center;
					padding-top: 10px;
					overflow: hidden;
				}
	
				#home {
					left: 0px;
					width: 100px;
				}
	
	
				#opportunities {
					left: 101px;
					width: 110px;
				}
	
				#aboutUs {
					left: 212px;
					width: 100px;
				}

				#contactUs {
					left: 313px;
					width: 100px;
				}
			
			#secretNav {
				top:0px;
				margin-left: auto;
				margin-right: auto;
				height: 15px;
			}
				.secretNavTab {
					float: left;
					width: 91px;				
					height: 20px;
					background-color: #648037;
					text-align: center;
					margin-left: 1px;
					padding-top: 8px;
				}
				
				.secretLinkNav {
					font-family: Verdana, Arial, Helvetica, sans-serif;
					text-decoration: none;
					font-weight: bold;
					text-align: left;
					font-size: 11px;
					color: #ffffff;
				}
				
				.secretLinkNav:hover {
					color:#000000;
				}
				
				.secretSubNavLink {
					font-family: Verdana, Arial, Helvetica, sans-serif;
					text-decoration: none;
					font-size: 80%;
					color: #46642E;
				}				
				
				.sevretSubNavLink:hover {
					font-weight: bold;
				}
				
					#subNavBar {
						position: absolute;
						top: 30px;
						width: 938px;
						height: 97px;
						background-image: url(images/subNavBar.png);
						margin-left: 1px;
					}
							.subNavTitle {
								position: relative;
								top: 10px;
								left: 17px;
								font-family: Verdana, Arial, Helvetica, sans-serif;
								text-decoration: none;
								font-size: 16px;
								font-weight: bold;
								color: #46642E;
							}
							
							.secretSubNavTab {
								width: 90px;				
								text-align: center;
							}
							
							#usersSubNav {
								position: relative;
								top: 30px;
							}

				
		#slide{
			position: absolute;
			top: 100px;
			left: 28px;
			width: 940px;
			height: 400px;
		}
		
		#rightSide {
			position:absolute;
			top: 30px;
			right: 100px;
			width:320px;
		}
			
		#leftSide {
			position:absolute;
			top:30px;
			left: 100px;
			width: 320px;
		}
		
		#topContent{
			position: absolute;
			top: 120px;
			left: 100px;
			width: 800px;
			height: 400px;
		}		
		
		#titleBar{
			position: absolute;
			top: 0px;
			left: 0px;
			width: 800px;
			height: 35px;
			padding-top: 10px;
			padding-left: 10px;
			background-image: url(images/titleBar.png);
			background-repeat: repeat-y;
		}		
				
		#slideNav{
				position:absolute;
				top: 475px;
				left: 28px;
				width:940px;
				height: 20px;
			}
	
				.slideNavTab{
					position: relative;
					bottom: 0px;
					width: 148px;				
					height: 20px;
					background-color: #303030;
					text-align: left;
					padding-top: 5px;
					padding-left: 10px;
					overflow: hidden;
					float: left;
				}
				
				 #gwGolf{
				 	width: 175px;
				 }
				 
				 #sgCleaner{
				 	width: 160px;
				 }
				 #bioRich{
				 	width: 101px;
				 }
				
				.slideNavTab:hover {
					background-color:#000000;
				}
	
		#content{
			position: absolute;
			top: 500px;
			left: 28px;
			width: 940px;
			height: 150px;
		}
		
		.company {
			width: 200px;
			padding: 0px 30px 30px 30px; 
		}
		
			.floatL {
				float: left;
			}

			.floatR {
				float: right;
			}
			
			.paddingSides { 
				padding-left: 50px;
				padding-right: 50px;
			}
			
			.execName  {
				width: 150px;
				text-align: center;
				font-weight: bold;
			}
			
			.compDrop {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 98.9%;
				height: 180px;
				padding-bottom: 5px;
				padding-left: 5px;
				padding-right: 5px;
				padding-top: 5px;
				background-image: url(images/compDropGrad.png);
				background-repeat: repeat-x;
			}
				.compLogo {
					position: absolute;
					top: 15px;
					left: 15px;
					width: 180px;
					height: 152px;
					border-right: 1px solid #666666;
				}
				
				.compLinks {
					position: absolute;
					top: 15px;
					left: 200px;
					width: 200px;
					height: 160px;
					padding-left: 15px;
					line-height: 24px
				}
				
				.compInfo {
					position: absolute;
					top: 15px;
					left: 410px;
					width: 515px;
					height: 160px;
					padding-left: 15px;
				}
	
	#footer{
		position: relative;
		bottom: 0px;
		width: 995px; 
		height: 30px;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		background-image: url(images/mainGradBottom.png);
		background-repeat: no-repeat;
	}
	
	
/*Text and Link Styles*/
	.copy {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-style: normal;
		font-size: 12px;
		color: #000000;
	}

	.copyBold {
		font-weight: bold;
	}
	
	.title {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-style: normal;
		font-size: 16px;
		color: #333333;
		font-weight: bold;
	}
	
	.medGray {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-style: normal;
		text-align: left;
		font-size: 10px;
		color: #999999;
	}
	
	.linkNav {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		font-style: normal;
		text-align: left;
		font-size: 12px;
		color: #666666;
	}
	
	.titleLink {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		font-weight: bold;
		text-align: left;
		font-size: 13px;
		color:#1874A7;
	}
	
	.titleLink:hover {
		text-decoration: underline;
	}
	
	.linkNav:hover {
		color: #333333;
		text-decoration: underline;	
	}
	
	.linkSlideNav {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		font-style: normal;
		text-align: left;
		font-size: 12px;
		color: #CCCCCC;
	}
		
	.linkSmallGray {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-style: normal;
		text-align: left;
		font-size: 10px;
		color: #999999;
		text-decoration:none;
	}
	
	.linkSmallGray:hover {
		text-decoration: underline;
	}	
	
	.link {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		font-weight: bold;
		text-align: left;
		font-size: 12px;
		color: #0f75bc;
	}	

	.loggedInAs {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color: #666666;
		font-style:italic;
		font-weight: bold;
	}
	
	.loginLinks, .loginCopy{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		font-size:12px;
		color: #999999;
	}
	
	.loginLinks:hover {
		text-decoration: underline;
	}

/* User Management Table */
	#userMng {
		position: relative;
		top: 10px;
		width: 940px;
		border-collapse: collapse;
	}
	
	thead {
		background-color: #89A559;
		height: 40px;
	}
	
	.medCol {
		width: 110px;
	}
	
	.med2Col {
		width: 150px;
	}
	
	lgCol {
		width: 210px;
	}
	
	.header {
		padding-left: 5px;
		padding-right: 5px;
	}

	#Pagination{
		position: relative;
		top: 10px;
		background-color: #FF3399;
	}
		.pagination {
			font-size: 80%;
		}
				
		.pagination a {
			text-decoration: none;
			color: #003300;
		}
		
		.pagination a, .pagination span {
			display: block;
			float: left;
			padding: 0.3em 0.5em;
			margin-right: 5px;
			margin-bottom: 5px;
		}
		
		.pagination .current {
			background: #89A559;
		}
		
		.pagination .current.prev, .pagination .current.next{
			color:#999999;
			background:#ffffff;
		}

	#alphaFilter {
		position: relative;
		width: 520px;
		left:209px;
	}

	.save {
		color: #26901C;
	}
	
	.cancel, .no {
		color: #D71C1A;
	}
		
	.save:hover, .cancel:hover {
		text-decoration: underline;
	}
	
	.currentUser {
		background-color: #999999;	
	}

	.everyOther {
		background-color: #EFEFEF;
	}
		
	.clickable {
		cursor: pointer;
	}	
	
	.unchangeable:hover {
		/*cursor: url(../globalInc/images/sorry.cur), auto;*/
		cursor: not-allowed;
	}
			

/*Broker Mng Page styles*/
#areaMng{
border: inset #666666;
width: 100%;
background-color:#EAEAEA;
border-collapse:collapse;
}
#areaMng td {
border: 2px solid #999999; 
border-top: thin #FF6600; 
padding-top: 15px;
} 
#areaMng th {
vertical-align: middle;
} 
.mainHeader {
text-align:center;
font-size:18px;
height: 40px;
color:#FFFFFF;
background-color: #1C74A8;
}
.companyHeader {
height: 30px;
text-align:center;
font-size:14px;
color:#FFFFFF;
background-color: #49AFE2;
}
.areas {
background-color:#49AFE2;
color:#FFFFFF;
padding-left: 15px;
padding-right: 15px;
}
.companies{
text-align:center;
width: 120px;
height: 80px;
border-bottom: 3px solid #000000;
background-color: #F4F4F4;
}
.brokerCell{
padding-left: 10px;
vertical-align: middle;
} 
.companyName{
font-weight: bold;
}
.hidden {
display: none;
}
.infoTitle {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size: 14px;
font-weight:bold;
}
.infoTitle {
height: 22px;
}
#editBroker {/* used to position buttons for edit and remove on the broker info page */
position: absolute;
top: 90px;
left: 10px;
width: 110px;
text-align: left;
color: c0c0c0;
font-size:9px;
}
#buttonKey {/* used to position buttons for button Key on broker page */
width: 216px;
float: left;
}
.button img{
padding-top: 10px;
}
.empty {
padding: 0px;
vertical-align:bottom;
padding-left: 10px;
}
.add{
padding-bottom: 5px;
padding-right: 10px;
}
.edit, .delete{
padding-right: 10px;
}
.button, .brokerName, .edit, .remove, .dealer, .rm, .broker {
cursor: pointer;
}
.smGray{/* used to style under buttons for edit and remove on the broker info page */
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
color: #333333;
font-size:10px;
}
#dealerList{
position:absolute;
top: 90px;
right: 15px;
width: 220px;
text-align: left;
font-size:9px;
padding-left: 10px;
background-image: url(images/homeContent.png);
background-repeat: repeat-x;
background-color:#FFFFFF;
border-left: thin #CCCCCC solid;
}
/* End Broker Mng styles*/