/* ----------------- Text styles ----------------- */

body {
	background-color:#ffffff;
}

.spiffy{ 
display:block;
} 
.spiffy *{ 
display:block;
height:1px;
overflow:hidden;
background:#0a67e6;
} 

/* ----------------- Round corners ----------------- */
.spiffy1{ 
border-right:1px solid #E6F0FE;
padding-right:1px;
margin-right:3px;
border-left:1px solid #E6F0FE;
padding-left:1px;
margin-left:3px;
background:#E6F0FE;
} 
.spiffy2{ 
border-right:1px solid #E6F0FE;
border-left:1px solid #E6F0FE;
padding:0px 1px;
background:#E6F0FE;
margin:0px 1px;
} 
.spiffy3{ 
border-right:1px solid #E6F0FE;
border-left:1px solid #E6F0FE;
margin:0px 1px;
} 
.spiffy4{ 
border-right:1px solid #E6F0FE;
border-left:1px solid #E6F0FE;
} 
.spiffy5{ 
border-right:1px solid #E6F0FE;
border-left:1px solid #E6F0FE;
} 
.spiffy_content{ 
padding:0px 5px;
background:#E6F0FE;
} 


img.imagefloat {

	float: left;
	margin-left:0;
	margin-bottom:10px;
	margin-right:10px; 
	border:#cccccc 1px solid;

}

img.imagefloatright {

	float: right;
	margin-right:0;
	margin-bottom:10px;
	margin-left:10px; 
	border:#cccccc 1px solid;

}

img.imagefloat2 {

	float: left;
	margin-left:0;
	margin-bottom:10px;
	margin-right:10px; 

}

.Newsborder {
	border:#cccccc 1px solid;

}

.body {  
	font-family:Tahoma;
	text-decoration:none; 
	text-align:justify; 
	font-size:12px;
	color:#333333;	
}

.body2 { 
	color:#000000; 
	font-size:12px;
	font-family:Tahoma;
	text-decoration:none; 
	text-align:justify; 
}

.body-link { 
	color:#2b5a95; 
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif; 
	text-decoration:underline; 
}

.body-link:hover {
    color:#f9770f;
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif; 
	text-decoration:underline;
}

.Chatboxstyle {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:50px;
margin-left:50px;
}
	
.Textbox {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
}

.Main-table{ 
	border-color:#CCCCCC; 
	border-style:solid; 
	border-width:thin;
}

.Main-text-table { 
	font-family:Arial, Helvetica, sans-serif; 
	height:100%; 
	border-color:#CCCCCC; 
	border-style:solid; 
	border-width:thin;
}

.Bottom-links {
	font-family:Arial, Helvetica, sans-serif; 
	color:#000000; 
	font-size:12px; 
	text-decoration:underline; 
	text-align:center
}
	
.Bottom-links:hover {
	font-family:Arial, Helvetica, sans-serif; 
	color:#6FAEF5; 
	font-size:12px; 
	text-decoration:none; 
	text-align:center
}

H1 { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px; 
	color:#000000; 
	text-decoration:none; 
}

.Resources {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#5B738A;
	text-decoration:underline;
	text-align:center
}
.Resources:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#3399FF;
	text-decoration:none;
	text-align:center
}

.Textbox {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	text-decoration:none;
}

.Textbox2 { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:9px;
	font-weight:700;
	border-color:#E2E2E2;
	background-color:#E8E8E8;
	margin-left: 0px; 
	margin-right: 10px; 
	margin-top: 0; 
	margin-bottom: 0
}
	
.Textbox3 { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10px;
	font-weight:700;
	border-color:#E2E2E2;  
	margin-left: 0px; 
	margin-right: 10px; 
	margin-top: 5px; 
	margin-bottom: 0
}

.whitebody { 
	color:#FFFFFF; 
	font-size:13px; 
	font-family:Arial, Helvetica, sans-serif; 
	text-decoration:none; 
	text-align:justify; 
}
	
.whitetitle { 
	color:#FFFFFF; 
	font-size:16px; 
	font-family:Arial, Helvetica, sans-serif; 
	text-decoration:none; 
	text-align:justify; 
}

p.two {
	border-style:solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-color: #CCCCCC #ffffff;
}

p.one {
	border-style:solid;
	border-top-width: 1px;
	border-bottom-width: 0px;
	border-color: #CCCCCC #ffffff;
	
}

.info {
	border-style:solid;
	border-width: 1px;
	border-color: #CCCCCC;
}

.news {
	color:#000000;
	font-size:11px; 
	font-family:Arial, Helvetica, sans-serif; 
	text-decoration:none; 
	text-align:justify; 
}

.news:hover {
    color:#6E7398; 
	font-size:11px; 
	font-family:Arial, Helvetica, sans-serif; 
	text-decoration:none; 
	text-align:left; 
}


.newsdate {
  	color:#6E7398; 
	font-size:11px; 
	font-family:Arial, Helvetica, sans-serif; 
	text-decoration:none; 
	text-align:left; 
}

	
.whitenews {
	color:#000000;
	font-size:11px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	text-decoration:underline; 
	text-align:left; 
}
.whitenews:hover {
    color:#003366; 
	font-size:11px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	text-decoration:none; 
	text-align:left; 
}

.date {
	color:#FF9900;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
}

.white-chat-tab{
	border-color:#FFFFFF;
	border-style:solid;
	border-width:thin;
}

.ignore {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
}

.Main-text-box {
	border-color:#CCCCCC;
	border-width:1px;
	border-style:solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.formfont {
	color:#2F6297;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:left;
	font-weight: bold;
}


/* -------------- Layer styles -------------- */

#Main-primary {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	position:absolute;
	width:760px;
	height:600px;
	z-index:1;
	left: 140px;
	top: 259px;
	background-color: #FFFFFF;
	}

#Main-body { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	text-align:justify;  
	position:absolute; 
	width:760px; 
	height:342px; 
	z-index:5; 
	top: 261px; 
	left: 0px;
}

#Nav {
	position:absolute;
	width:850px;
	height:36px;
	z-index:5;
	top: 68px;
	left: 0px;
}

#Main-top {
	position:absolute;
	width:760px; 
	height:260px; 
	z-index:2; 
	background-color:#6FAEF5; 
	left:140px; 
	top: 0px;
}
	
#Woman-face {
	position:absolute; 
	width:262px; 
	height:115px; 
	z-index:2; 
	top: 2px; 
	left: 2px;
}

#Form {
	position:absolute; 
	width:171px; 
	height:98px; 
	z-index:3; 
	left: 572px; 
	top: 74px;
}
	
/* Scroll box text area styles */

div.scroll {	
	height: 263px;	
	width: 554px; 
	overflow: auto;	
	background-color: #ffffff;
	font-family:Tahoma;
	font-size:12px; color:#333333;	
	padding: 12px;
	text-align:justify;
	scrollbar-3d-light-color:#ffffff; 
	scrollbar-arrow-color:#FFFFFF; 
	scrollbar-base-color:#7ab0ec; 
	scrollbar-dark-shadow-color:#ffffff; 
	scrollbar-face-color:#7ab0ec; 
	scrollbar-highlight-color:#ffffff; 
	scrollbar-shadow-color:ffffff;
}

/* Styles for compensation amounts page*/	


#Head {
	position:absolute;
	width:185px;
	z-index:2;
	left: 0;
	top: 350px;
	visibility: hidden;
	border:#cccccc 1px solid;
	background-color:#FFE9E9;
	padding:6px;
}

#Head2 {
	position:absolute;
	width:185px;
	z-index:8;
	left: 327px;
	top: 350px;
	visibility: hidden;
	border:#cccccc 1px solid;
	background-color:#FFE9E9;
	padding:6px;
}

#Eyes {
	position:absolute;
	width:187px;
	z-index:4;
	left: 0;
	top: 580px;
	visibility: hidden;
	border:#cccccc 1px solid;
	background-color:#E9FFF3;
	padding:6px;
}
#Teeth {
	position:absolute;
	width:190px;
	z-index:5;
	left: 330px;
	top: 340px;
	visibility: hidden;
	border:#cccccc 1px solid;
	background-color:#E9FFF3;
	padding:6px;
}

#Nose {
	position:absolute;
	width:188px;
	z-index:5;
	left: 0;
	top: 340px;
	visibility: hidden;
	border:#cccccc 1px solid;
	background-color:#E9FFF3;
	padding:6px;
}

#Cheekbones {
	position:absolute;
	width:190px;
	z-index:5;
	left: 330px;
	top: 580px;
	visibility: hidden;
	border:#cccccc 1px solid;
	background-color:#E9FFF3;
	padding:6px;
}

#Shoulder {
	position:absolute;
	width:186px;
	z-index:8;
	left: 334px;
	top: 345px;
	visibility: hidden;
	border:#cccccc 1px solid;
	background-color:#FDFCD1;
	padding:6px;
}

#Quad {
	position:absolute;
	width:189px;
	z-index:8;
	left: 0px;
	top: 345px;
	visibility: hidden;
	border:#cccccc 1px solid;
	background-color:#FDFCD1;
	padding:6px;
}

#Elbow {
	position:absolute;
	width:193px;
	z-index:7;
	left: 330px;
	top: 693px;
	visibility: hidden;
	border:#cccccc 1px solid;
	background-color:#E0FBF9;
	padding:6px;
}

#Hands {
	position:absolute;
	width:190px;
	z-index:7;
	left: 330px;
	top: 345px;
	visibility: hidden;
	border:#cccccc 1px solid;
	background-color:#E0FBF9;
	padding:6px;
}

#Arms {
	position:absolute;
	width:193px;
	z-index:8;
	left: 0px;
	top: 345px;
	visibility: hidden;
	border:#cccccc 1px solid;
	background-color:#E0FBF9;
	padding:6px;
}

#Wrists {
	position:absolute;
	width:190px;
	z-index:8;
	left: 0;
	top: 721px;
	visibility: hidden;
	border:#cccccc 1px solid;
	background-color:#E0FBF9;
	padding:6px;
}

#Scaphoid {
	position:absolute;
	width:190px;
	z-index:8;
	left: 0;
	top: 590px;
	visibility: hidden;
	border:#cccccc 1px solid;
	background-color:#E0FBF9;
	padding:6px;
}

#Hips {
	position:absolute;
	width:190px;
	z-index:8;
	left: 0;
	top: 345px;
	visibility: hidden;
	border:#cccccc 1px solid;
	background-color:#E0FBF9;
	padding:6px;
}

#Gents {
	position:absolute;
	width:117px;
	z-index:8;
	left: 51px;
	top: 427px;
	visibility: hidden;
	border:#cccccc 1px solid;
	background-color:#E0FBF9;
	padding:6px;
}


#Leg {
	position:absolute;
	width:188px;
	z-index:12;
	left: 0;
	top: 345px;
	visibility: hidden;
	border:#cccccc 1px solid;
	background-color:#FEEFBC;
	padding:6px;
	height: 234px;
	padding:6px;
}


#Knee {
	position:absolute;
	width:188px;
	z-index:12;
	left: 330px;
	top: 345px;
	visibility: hidden;
	border:#cccccc 1px solid;
	background-color:#FEEFBC;
	padding:6px;
}

#Ankle {
	position:absolute;
	width:190px;
	z-index:11;
	left: 0;
	top: 345px;
	visibility: hidden;
	border:#cccccc 1px solid;
	background-color:#EAEDED;
	padding:6px;
}

#Toe {
	position:absolute;
	width:200px;
	z-index:11;
	left: 330px;
	top: 345px;
	visibility: hidden;
	border:#cccccc 1px solid;
	background-color:#EAEDED;
	padding:6px;
}

/* New styles for new template */

.Reswhite {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:underline;
	text-align:center
}
.Reswhite:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#76e764;
	text-decoration:none;
	text-align:center
}

.Nav {
	font-family:Tahoma;
	font-size:13px;
	color:#FFFFFF;
	text-decoration:none;
}
.Nav:hover {
	font-family:Tahoma;
	font-size:13px;
	color:#A6CCE1;
	text-decoration:none;
}

/* New template div-tag styles */

#container {
	text-align:center;
	width:100%;
	height:100%;
}

#Maintext7{
	position:absolute; 
	width:576px; 
	height:212px; 
	z-index:20; 
	top: 191px; 
	left: 24px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	background-color: #e2eaf7; 
}

#banners{
	position:absolute;
	width:315px;
	height:86px;
	top: -119px;
	right: 2px;
	z-index: 2;
	left: 0;
}


#Top {
	position:absolute;
	width:850px;
	height:40px;
	z-index:2;
	top: -78px;
	left: 0px;
}

#Nav {
	position:absolute;
	width:850px;
	height:19px;
	z-index:5;
	top: 20px;
	left: 0;
	text-align:center;
}

#Mainbody {
	position:relative;
	width:850px;
	height:100%;
	z-index:4;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	overflow:visible;
}

#body {
	position:absolute;
	width:850;
	height:600px;
    left: 0px;
    top: 161px;
	text-align:justify;
}

#ImageLinks {
	position:absolute;
	width:850px;
	height:78px;
	z-index:2;
	left: 0px;
	top: 397px;
}

#Title {
	position:absolute;
	width:497px;
	height:110px;
	z-index:19;
	left: 402px;
	top: 187px;
}

#Logo {
	position:absolute;
	width:850px;
	height:29px;
	left: 0;
	top: -150px;
}

#Chat {
	position:absolute;
	width:125px;
	height:39px;
	z-index:101;
	left: 725px;
	top: 313px;
}

/* Drop down menu styles */ 

#ddmenu {
	position:absolute; 
	width:780px; 
	height:23px; 
	z-index:4; 
	top: 151px; 
	left: 110px;
	background-color:#CCCCCC;
}

#dropmenudiv{
	position:absolute;
	font-family:Tahoma;
	color:#333333;
	font-size:12px;
	text-decoration:none;
	line-height:18px;
	z-index:100;
}

#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	text-decoration:none;
	font-family:Tahoma;
	font-size:12px;
	color:#000000;
	background-color:#c4d8ef;
}

#dropmenudiv a:hover{
	 /*hover background color*/
	background-color:#FFFFFF;
	font-family:Tahoma;
	font-size:12px;
	color:#72e9a5;
	text-decoration:none;
}

/* Styles for sitemap */

#tablist{
	padding: 0px 0;
	margin-left: 0;
	margin-bottom: 0;
	margin-top: 0.1em;
	font: 12px Tahoma;
	text-decoration:none;
}

#tablist li{
	list-style: none;
	display: inline;
	margin: 0;
}

#tablist li a{
	padding: 3px 0.5em;
	margin-left: 0px;
	border: 1px solid #778;
	border-bottom: none;
	background: #97ccf1;
}

#tablist li a:link, #tablist li a:visited{
}

#tablist li a.current{
	background: lightyellow;
}

#tabcontentcontainer{
	width: 528px;
	/* Insert Optional Height definition here to give all the content a unified height */
	padding: 1px;
	text-indent:4px;
	border: 0px white;

}

.tabcontent{
	display:none;
}

.tabtext {
	color:#000066;
	font-family:Tahoma;
	font-size:12px;
	text-decoration:none;
}
.tabtext:hover {
	color:#006633;
	font-family:Tahoma;
	font-size:12px;
	text-decoration:none;
}

.formcolour { 
	background: #FFFFFF;
	border-left-color:#0000FF;
}
	
}
/* Zoom search engine styles */


	.highlight { background: #FBFBD3; }
	.searchheading { font-size: 130%; font-weight: bold; };
	.summary { font-size: 80%; font-style: italic; } 
	.results { font-size: 100%; }
	.category { color: #999999; }
	.description { font-size: 100%; color: #008000; }
	.context { font-size: 100%; }
	.infoline { font-size: 80%; font-style: normal; color: #808080;}
	.sorting { text-align: right; }
	.result_title { font-size: 100%; }
	.zoom_searchform { font-size: 100%; }
	.zoom_options { font-size: 80%; }
	input.zoom_button {  }
	input.zoom_searchbox {  }


/* Styles for DHTML tooltips */

#dhtmltooltip{
	position: absolute;
	width: 150px;
	border: 1px;
	padding: 2px;
	background-color: white;
	visibility: hidden;
	z-index: 100;
	font-family:Tahoma;
	font-size:12px;
	color:#333333;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
	
}

/* Styles for BP365 */
.navbar div {
	background-image: url(../bp365/buttons/bp365-nav-buttons.jpg);
	color: #666666;
	font:Arial;
	font-weight: 350;
	height: 35px;
	line-height: 35px;
	text-align: left;
	text-decoration: none;
	width: 240px;
	cursor:pointer;
	font-size: 12px;
	text-indent:40px;
}

.navbar .top-space {
	margin-top:30px;
}