/* CSS Document */

/* Global */
*			{ margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
body		{ background-color: #f3f3f3; }
a			{ text-decoration: underline; color: #0068A8; }
a:hover		{ text-decoration: none; }
.imageLeft 	{ float: left; margin-right: 10px; margin-bottom: 5px; }
.imageRight	{ float: right; margin-left: 10px; margin-bottom: 5px; }
address		{ font-style: normal; }
img			{ border: none; }
h6 			{ margin: 4px 0; padding: 0; }
small		{ display: block; font-size: 10px; }

/* Layout */
#pageWrapper		{ margin: 10px 20px; min-width: 980px; border: 1px solid #ccc; background-color: #fff; }
#pageDetailWrapper	{ margin: 10px 20px; border: 1px solid #ccc; background-color: #fff; padding: 10px 15px 0 15px; min-width: 800px; }
#headerWrapper		{ display: block; height: 150px; background: #e9e9e9 url(images/headerBg.jpg) repeat-x; position: relative; }
#primaryNavigation	{ display: block; height: 26px; background: #e9e9e9 url(images/primaryNavRule.gif) repeat-x 0 21px; }
#contentWrapper		{ display: block; background: #fff url(images/primaryContentBg.jpg) repeat-y left top ; }
body#pageSignIn table#contentWrapperTable { background: #fff url(images/primaryContentBg.jpg) repeat-y left top !important; }
#controlPanel		{ display: block; width: 240px; float: left; margin-right: 20px; padding: 15px; }
#dataPanel			{ display: block; float: left; width: 100%; min-height: 200px; overflow: visible; padding-right: 10px; padding-top: 15px; }
#footer				{ display: block; clear: both; height: 22px; margin-top: 30px; background: #27416E url(images/footerBg.jpg) repeat-x 0 0 ; }

/* Header */
#headerWrapper IMG  { position: absolute; top: 10px; left: 10px; /* width: 260px; */ overflow: hidden; text-indent: -9999px; background: transparent /*url(images/camraLogoLive.jpg)*/ no-repeat 0 0 ; /* height: 50px; */  }
#headerWrapper h2  	{ position: absolute; top: 10px; left: 10px; width: 260px; overflow: hidden; text-indent: -9999px; background: transparent url(images/camraLogoLive.jpg) no-repeat 0 0 ; height: 50px; }
.bannerAd   { position: absolute; top: 40px; right: 10px; width: 728px; height: 90px; }
/* .bannerAd img  { width: 468px !important; height: 60px !important; } */

/* --- utility navigation --- */
#utilityNavigation			{ position: absolute; top: 0; right: 0; width: 400px /* 280px */; height: 20px; background: transparent url(images/utilityBg.jpg) no-repeat 0 0; }
#utilityNavigation ul		{ position: absolute; top: 4px; left: 50px; list-style: none; }
#utilityNavigation ul li 	{ font-size: 10px; float: left; }
#utilityNavigation ul li a  { font-size: 10px }
body#pageHome ul li#utilityHome a 		{ border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #fff; }
body#pageHome ul li#utilityContact a 	{ border-right: 1px solid #ccc; }
body#pageContact ul li#utilityContact a	{ border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #fff; }
body#pageContact ul li#utilityFaqs a 	{ border-left: 0; }
body#pageFaqs ul li#utilityFaqs a 		{ border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #fff; }
#utilityNavigation ul li a,
#utilityNavigation ul li a:visited		{ padding: 1px 10px; text-decoration: none; color: #666; display: block; border-left: 1px solid #ccc;  }

/* Primary Navigaiton */
#primaryNavigation ul						{ margin-left: 10px; overflow: hidden; /* height: 20px;*/ }
#primaryNavigation ul li.unselected,
#primaryNavigation ul li 					{ font-size: 12px; float: left; margin-right: 2px; background: transparent url(images/tabsEnd.gif) no-repeat right 0; padding-right: 2px;  display: inline-block;  }
#primaryNavigation ul li.unselected a,
#primaryNavigation ul li a					{ padding: 3px 10px; height: 16px; line-height: 21px; background: transparent url(images/tabsBg.gif) no-repeat -150px 0 ; text-decoration: none; color: #333; font-weight: bold; }
#primaryNavigation ul li.unselected a:hover,
#primaryNavigation ul li a:hover			{ background: transparent url(images/tabsBg.gif) no-repeat -300px 0 }
#primaryNavigation ul li.selected a,
#primaryNavigation ul li.selected a:hover	{ background: transparent url(images/tabsBg.gif) no-repeat 0 0; color: #fff; }
#primaryNavigation ul li.selected 			{ background: transparent url(images/tabsEnd.gif) no-repeat right -26px; color: #fff; }
#primaryNavigation ul li#pnSignOut,
#primaryNavigation ul li#pnSignIn			{ float: right; margin-right: 10px; background: transparent url(images/tabsEnd.gif) no-repeat right -52px; color: #fff; padding-right: 2px; }
#primaryNavigation ul li#pnSignOut a,
#primaryNavigation ul li#pnSignIn a			{ background: transparent url(images/tabsBg.gif) no-repeat -450px 0; color: #fff; padding: 3px 15px; }

body#pageHome li#pnHome a,
body#pageHome li#pnHome a:hover,
body#pageWelcome li#pnWelcome a,
body#pageWelcome li#pnWelcome a:hover,
body#pageFirm li#pnFirm a,
body#pageFirm li#pnFirm a:hover,
body#pageStrategy li#pnStrategy a,
body#pageStrategy li#pnStrategy a:hover,
body#pageVehicle li#pnVehicle a,
body#pageVehicle li#pnVehicle a:hover,
body#pageScreen li#pnScreen a,
body#pageScreen li#pnScreen a:hover,
body#pageTV li#pnTV a,
body#pageTV li#pnTV a:hover,
body#pageAdmin li#pnAdmin a,
body#pageAdmin li#pnAdmin a:hover,
body#pageCharts li#pnCharts a,
body#pageCharts li#pnCharts a:hover 		{ background: transparent url(images/tabsBg.gif) no-repeat 0 0; color: #fff; }
body#pageHome li#pnHome,
body#pageFirm li#pnFirm,
body#pageStrategy li#pnStrategy,
body#pageVehicle li#pnVehicle,
body#pageScreen li#pnScreen,
body#pageScreen li#pnManagerEvaluationTool,
body#pageTV li#pnTV,
body#pageAdmin li#pnAdmin,
body#pageWelcome li#pnWelcome,
body#pageCharts li#pnCharts 				{ background: transparent url(images/tabsEnd.gif) no-repeat right -26px; color: #fff; }

#primaryNavigation ul li#pnCharts a, #primaryNavigation ul li#pnCharts a:visited	{ color: #999999 !important; }

/* Content by area */
/* --- control panel --- */
#quickFilter 							{ margin-bottom: 20px; }
#filteredSelections  					{ width: 240px; }
#strategyFilter							{ margin-top: 20px; }
#strategyFilter select 					{ width: 240px; }
#actionButtons							{ position: fixed; bottom: 20px; left: 10px; } /* apply to vertical pop ups only */ 
#controlPanel #actionButtons 			{ position: relative; bottom: auto; left: auto; }
#actionButtons p,
#actionButtons div						{ border: 1px solid #ccc; margin-bottom: 5px; padding-right: 0 !important; }
#actionButtons p a,
#actionButtons div a  ,#actionButtons div span
										{ border: 1px solid #fff; /* width: 130px; */ display: block; padding: 2px 10px; font-weight: bold; font-size: 10px; color: #333; text-decoration: none; background: transparent url(images/actionButtonBg.gif) repeat-x; margin: 0;}
#actionButtons p a:hover,
#actionButtons div a:hover 				{ background: #ccc url() repeat-x; }
p input.pnScreen 						{ width: 238px; }
#quickFilter #actionButtons  			{ margin-top: 10px; }
#quickFilter #actionButtons p a 		{ font-size: 11px; font-weight: bold; }
/* --- data panel --- */
#contentWrapper table td 				{ vertical-align: top; }
table#contentWrapperTable 				{ width: 100%; border-collapse: collapse; margin: 0; }
table#contentWrapperTable td 			{ vertical-align: top; }
#dataPanel	p 							{ font-size: 12px; margin-bottom: 8px; line-height: 15px; padding-right: 20px; color: #444; }
#primaryContent h1,
#dataPanel h1 							{ font-size: 24px; font-weight: 100; color: #0068A8; margin: 15px 0; padding-right: 20px; font-family: Cochin, Georgia, "Times New Roman", Times, serif; }
#dataPanel h2 							{ font-size: 18px; font-weight: 100; color: #222; margin: 7px 0; padding-bottom: 6px; padding-right: 20px; font-family: Georgia, "Times New Roman", Times, serif; }
#dataPanel h3 							{ font-size: 14px; font-weight: bold; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; color: #666; }
#dataPanel h4 							{ font-size: 14px; color: #1B3764; margin: 7px 0; padding-bottom: 4px; padding-right: 20px; }
#dataPanel textarea 					{ padding: 2px 3px; width: 99% !important;}
#dataPanel h5 							{ margin: 5px 0; }
#dataPanel div.checkBoxListGroup ul li	{ width: 400px; float: left; }
#primaryContent h4 						{ font-size: 14px; font-weight: 100; color: #0068A8; margin: 7px 0; padding-bottom: 4px; padding-right: 20px; font-family: Georgia, "Times New Roman", Times, serif; border-bottom: 1px solid #ccc; }
#primaryContent	dd,
#primaryContent	dt 						{ font-size: 12px; margin-bottom: 8px; line-height: 15px; padding-right: 20px; color: #444; width: 500px; }
#primaryContent dl						{ display: block; overflow: auto; clear: both; margin-top: 10px; }
#primaryContent dt 						{ float: left; width: 80px; display: block; clear: both; text-align: right; color: #999; font-style: italic; clear: both; }
#primaryContent dd						{ float: left; display: block; width: 400px; }
.documentation p 						{ padding-right: 20px; }
.documentation ol,
.documentation ol li 					{ margin-left: 15px; }
/* -- data grid -- */
table.dataGrid td 						{ border-bottom: 1px solid #ccc; padding: 2px 8px; border-right: 1px solid #fff; font-size: 11px !important; vertical-align: top; border-left: 0 solid #fff; }
table.dataGrid tr.dataGridHeaderFixed   { position:absolute;}
table.dataGrid tr.dataGridHeader th,
table.dataGrid tr.dataGridHeaderFixed th,
table.dataGrid th   					{ white-space: nowrap; padding: 2px 20px 2px 8px; border-bottom: 1px solid #fff;  border-right: 1px solid #fff; /* border-left: 1px solid #0067A9; */ background: #183C6B url(images/tableHeadBg.gif) repeat-x /*background-color: #183C6B  #F3F3F3 */; color: #fff; vertical-align: top; text-align: left; font-size: 11px; }
table.dataGrid tr.dataGridHeader th span, table.dataGrid tr.dataGridHeaderFixed th span
										{ font-size: 11px; }

table.dataGrid tr.dataGridFooter td 	{ white-space: nowrap; padding: 2px 20px 2px 8px; border-bottom: 1px solid #fff;  border-right: 1px solid #fff; background: #183C6B url(images/tableHeadBg.gif) repeat-x; color: #fff; vertical-align: top; text-align: left; font-size: 11px; color: #fff; font-weight: bold; }
table.dataGrid tr.dataGridHeader th a, table.dataGrid tr.dataGridHeaderFixed th a,
table.dataGrid th a 					{ text-decoration: none; color: #fff; font-size: 11px; }
table.dataGrid td a 					{ text-decoration: none; font-size: 11px; }
table.dataGrid tr.dataGridHeader th, table.dataGrid tr.dataGridHeaderFixed th,
table.dataGrid tr.dataGrid th 			{ padding: 2px 8px 2px 8px; }
table.dataGrid tr.dataGridHeader th img,
table.dataGrid tr.dataGridHeaderFixed th img,
table.dataGrid tr.dataGrid th img 		{ margin-left: 4px; margin-top: -6px; }
table.dataGrid 							{ width: 100%; background-color: #fff; border-collapse: collapse; border: 0; margin-bottom: 10px;}
table.dataGrid .altRow 					{ background-color: #E6F0F7; }
table.dataGrid tr:hover					{ background-color: #CCE1EE; }
table.dataGrid th.sortUp				{ background: #183C6B url(images/sortTHup.gif) no-repeat right 0; }
table.dataGrid th.sortDown				{ background: #183C6B url(images/sortTHdown.gif) no-repeat right 0; }
table.dataGrid th.removePadding 		{ padding: 3px 10px; }
table.dataGrid td.documents,
table.dataGrid td.noWrap,
table.dataGrid td.addEdit 				{ white-space: nowrap; }
table.dataGrid td span 					{ font-size: 11px; display: inline-block; margin-top: 2px; }
table.dataGrid input,
table.dataGrid select,
table.dataGrid textarea 				{ font-size: 11px; }

.tableOverflow 							{ overflow: auto; display: block; } 
/* -- inner tabs -- */
.innerTabs 					{ margin: 0px; padding: 0px; display: inline-block; }
.innerTabs a 				{ position: relative; top: 1px; float:left; padding: 4px 7px; margin: 0px 1px 0px 0px; font: bold 11px sans-serif; background-color: #DDD; list-style: none; border-left: solid 1px #CCC; border-bottom: solid 1px #999; border-top: solid 1px #999; border-right: solid 1px #999; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; text-decoration: none; color: #000; white-space: nowrap; }
.innerTabs a:hover 			{ background-color: #CCC; }
.innerTabs a.Selected 		{ position: relative; top: 1px; float:left; padding: 4px 10px; margin: 0px 1px 0px 0px; font: bold 11px sans-serif; background-color: #DDD; list-style: none; border-left: solid 1px #CCC; border-bottom: solid 1px #999; border-top: solid 1px #999; border-right: solid 1px #999; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; background-color: #EEE; border-bottom: 1px solid #EEE; }

/* -- miscellaneous stuff to sort out -- */
#apDiv1 h1					{ font-size: 18px; font-weight: normal; color: #960; font-family: Cochin, Georgia; }
#apDiv1 p					{ font-size: 11px; color: #666; }
/* --- icon legent --- */
dl.iconLegend 				{ color: #999; margin-top: 10px; }
dl.iconLegend dt 			{ float: left; margin-right: 3px; }
dl.iconLegend dd 			{ float: left; margin-right: 9px; font-size: 10px;  }

/* Microsoft map buttons */
#mapControls				{ height: 20px; overflow: hidden; margin-top: 17px; }
#mapControls a 				{ font-size: 10px; line-height: 14px; padding: 3px 10px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; background-color: #e9e9e9; color: #666; float: left; text-decoration: none; }
#mapControls a:hover 		{ background-color: #fff; }
#mapControls .lastMapControl { border-right: 1px solid #ccc; }

/* Forms */
form.typicalForm label 							{ width: 170px; display: block; float: left; margin-right: 20px; color: #666; text-align: right; }
#dataPanel form.typicalForm .required 			{ color: #930; }
#dataPanel form.typicalForm p 					{ line-height: 23px; position: relative; }
#dataPanel form.typicalForm span.required 		{ color: #930; position: absolute; top: -5px; padding-left: 3px;  }
#dataPanel form.typicalForm input,
#dataPanel form.typicalForm textarea 			{ font-size: 12px; padding: 2px 5px; width: 300px; }
#dataPanel p.buttons 							{ padding-left: 190px; margin-top: 20px;  }
#dataPanel p.buttons input						{ font-size: 12px; padding: 2px 4px; }
#dataPanel form.typicalForm input[type=text]	{ width: 300px; }
#dataPanel form.typicalForm input#postcode 		{ width: 80px; }
#dataPanel form.typicalForm input[type=submit],
#dataPanel form.typicalForm input[type=reset] 	{ width: auto; }
#dataPanel form.typicalForm input[type=radio]	{ width: auto; margin-right: 5px; }
#dataPanel form.typicalForm label.longLabel		{ display: inline; float: none; margin-right: auto; font-style: normal; color: #333; text-align: left; }
#dataPanel form.typicalForm label.longLabel span { padding-right: 5px; }
table.checkBoxList label 						{ float: none; width: auto; display: inline; text-align: left; }
table.checkBoxList 								{ border-style: none; border-color: inherit; border-width: medium !important; margin-top: -5px; 	margin-bottom: 10px; }
table.checkBoxList td 							{ padding: 0 0 4px 0; }
table.checkBoxList input 						{ margin-left: 0; padding-left: 0; margin-right: 10px; }
table.radioList input ,	table td.radioList input{ display: block; float: left; width: 25px; }
table.radioList label ,	table td.radioList label{ float: left; width: auto; display: block; text-align: left; margin-top: 3px }
span.inlineCheckboxLabel label					{ display: inline; float: none; margin-right: auto; font-style: normal; color: #333; text-align: left; width: auto; }

/* Conditional over-rides */
body#pageSignIn #dataPanel form.typicalForm input[type=text] { width: 150px; }
body#pageWelcome #dataPanel table.dataGrid 		{ margin: 20px 0 10px; }
p.checkBoxWithLabel 							{ clear: both; position: relative; }
p.checkBoxWithLabel input 						{ position: absolute; left: 190px; top: 1px; } 

/* Footer */
#footer p,					
#footer p span				{ display: none; }
#footer ul					{ margin-left: 290px; list-style: none; }
#footer ul li 				{ font-size: 10px; float: left; color: #fff; padding-top: 5px; padding-right: 8px; }
#footer ul li + li			{ border-left: 1px solid #27416E; padding-left: 8px; }
#footer ul li a,
#footer ul li p				{ color: #fff; text-decoration: none; font-size: 10px; }
#footer ul li a:hover 		{ text-decoration: underline; }

/* Andrews stuff */
.clsRequired 				{ font-weight: bold; color: #FF0000; font-size: 130%; line-height: 12px; }
.clsRequiredSmaller 		{ font-weight: bold; color: #FF0000; font-size: 100%; line-height: 10px; }
.clsProcessing 				{ width:36px; height:36px;  z-index:1001; position: absolute; top: 135px; left: 220px; } 
.clsSaving 					{ width:36px; height:36px; z-index:1001; position: relative; top: 8px; } 
.clsGrid 					{ width:36px; height:36px; z-index:1001; position:absolute ; top: 50%;  left: 50%; } 
.addEdit 					{ white-space: nowrap; }
.modalBackground 			{ background-color:Gray; filter:alpha(opacity=70); opacity:0.7; }
.modal						{ padding: 10px; background-color: #fff; border: 1px solid #666; }
.modal td.modalLabel		{ text-align: right; padding-right: 20px; color: #666; }
.modal td span				{ text-align: right; padding-right: 20px; color: #000CB2; font-size: 12px; line-height: 13px;}
.modal ul   				{ list-style-type:none;}
.modal ul li   				{ padding-bottom:3px;float: left;}
.modal ul li.alert		    { width:340px;}
.modal ul li label          { text-align: right; padding-right: 6px;margin-right:0px; color: #666;width:140px; }
.modal ul li input			{ padding-top: 4px; }
.modal ul li input[type=submit]{text-align:right; padding-top: 0px; }
#dataPanel .modal p textarea,
.modal p textarea			{ width: 200px !important; }
.modal h3					{ margin-bottom: 20px; }
#dataPanel .modal label 	{ padding-top: 4px; }


/* Screening Detail page */
body#sceeningDetail 		{ background-color: #FFFFFF; margin: 20px; }
body#sceeningDetail h2 		{ margin-top: 20px; }
#utilityButtons div			{ border: 1px solid #ccc; margin-bottom: 5px; margin-right: 5px; padding-right: 0 !important; display: inline; float: left; height:auto; }
#utilityButtons div a		{ border: 1px solid #fff; padding: 3px 15px; font-weight: bold; font-size: 10px; display: block; color: #333; text-decoration: none; background: transparent url(images/actionButtonBg.gif) repeat-x; margin: 0;}
#utilityButtons div a:hover { background: #ccc url() repeat-x; }

/* Welcome Block */
div.welcomeBlock			{ position: relative; top: 0; left: 0; padding-right: 240px; z-index: 555 !important; }
html>body div.welcomeBlock	{ padding-right: 210px; }
div.welcomeBlock h2			{ margin-top: 18px !important; }

/* Hints & Tips */
div#topSearch				{ display: block; position: absolute; top: 0; right: 50px; z-index: 666 !important; width: 190px; height: 150px; background-color: #e1e1e1; }
html>body div#topSearch		{ right: 0; }
div#hintsTips 				{ display: block; width: auto; float: left; /* margin-left: 10px; */ }
div#topSearch h5,
div#hintsTips h5 			{ margin: 0; font-family: Arial,Helvetica,sans-serif; font-size: 10px; background-color: #930; padding: 5px 10px; color: #fff; text-transform: uppercase; font-weight: bold; letter-spacing: 0.1em; } 
div#topSearch ol,
div#hintsTips p 			{ margin: 0; padding: 0; }
div#topSearch ol 			{ margin-top: 5px; }
div#topSearch ol li 		{ list-style: outside; list-style-type: decimal; margin-bottom: 5px; margin-left: 32px; padding: 1px 8px 0 0; color: #444; /* display: block; */ font-size: 11px; }
div#topSearch p 			{ font-size: 6.5pt; color: #444; text-indent: 10px; line-height: 10px; padding: 2px 0 0 0; }
div#hintsTips ul li			{ display: block; width: auto; float: left; }
div#hintsTips a				{ display: inline-block; padding: 140px 8px 8px 9px; text-decoration: none; color: #036; margin: 0; width: 93px; height: 46px; }
div#hintsTips a:hover 		{ color: #fff; }
div#hintsTips a#FAQs		{ background: #e1e1e1 url(/Documents/FAQs.gif) no-repeat 10px 8px; }
div#hintsTips a#FAQs:hover 	{ background: #0A5590 url(/Documents/FAQs.gif) no-repeat 10px 8px; }
div#hintsTips a#HT-Importing-Exporting			{ background: #e1e1e1 url(/Documents/H&T-Importing-Exporting.gif) no-repeat 10px 8px; }
div#hintsTips a#HT-Importing-Exporting:hover 	{ background: #0A5590 url(/Documents/H&T-Importing-Exporting.gif) no-repeat 10px 8px; }
div#hintsTips a#HT-Screening-Consultants		{ background: #e1e1e1 url(/Documents/H&T-Screening-Consultants.gif) no-repeat 10px 8px; }
div#hintsTips a#HT-Screening-Consultants:hover 	{ background: #0A5590 url(/Documents/H&T-Screening-Consultants.gif) no-repeat 10px 8px; }
div#hintsTips a#HT-Screening-Managers			{ background: #e1e1e1 url(/Documents/H&T-Screening-Managers.gif) no-repeat 10px 8px; }
div#hintsTips a#HT-Screening-Managers:hover 	{ background: #0A5590 url(/Documents/H&T-Screening-Managers.gif) no-repeat 10px 8px; }
div#hintsTips a#HT-Preferred-Screening			{ background: #e1e1e1 url(/Documents/H&T-Preferred-Screening.gif) no-repeat 10px 8px; }
div#hintsTips a#HT-Preferred-Screening:hover 	{ background: #0A5590 url(/Documents/H&T-Preferred-Screening.gif) no-repeat 10px 8px; }
div#hintsTips a#HT-New-Strategies-and-Vehicles			{ background: #e1e1e1 url(/Documents/H&T-New-Strategies-and-Vehicles.gif) no-repeat 10px 8px; }
div#hintsTips a#HT-New-Strategies-and-Vehicles:hover 	{ background: #0A5590 url(/Documents/H&T-New-Strategies-and-Vehicles.gif) no-repeat 10px 8px; }
div#hintsTips a#HT-Disable-Caching			{ background: #e1e1e1 url(/Documents/H&T-Disable-ISA-Caching.gif) no-repeat 10px 8px; }
div#hintsTips a#HT-Disable-Caching:hover 	{ background: #0A5590 url(/Documents/H&T-Disable-ISA-Caching.gif) no-repeat 10px 8px; }
div#hintsTips a#MET			{ background: #e1e1e1 url(/Documents/MET.gif) no-repeat 10px 8px; }
div#hintsTips a#MET:hover 	{ background: #0A5590 url(/Documents/MET.gif) no-repeat 10px 8px; }

/* -- wizard -- */
ul.wizard 					{ margin: 0; padding: 0; clear: both; display: block; margin-bottom: 10px; min-height: 25px;  }
ul.wizard li 				{ font: 11px Arial, Helvetica, sans-serif; display: block; float: left; list-style: none; margin: 0; padding: 0 30px 0 0; background: transparent url(images/wizardBg.gif) left -60px no-repeat; line-height: 22px; overflow: hidden; margin-left: -11px  }
ul.wizard li span 			{ padding: 0; margin: 0; line-height: 22px; display: block; overflow: hidden; padding-left: 30px; white-space: nowrap; }
ul.wizard li.wizFirst span,
ul.wizard li.wizFirstOn span{ padding-left: 24px; }
ul.wizard li.wizFirst		{ background: transparent url(images/wizardBg.gif) 0 -90px no-repeat; margin-left: 0; }
ul.wizard li.wizFirstOn 	{ background: transparent url(images/wizardBg.gif) 0 0 no-repeat; margin-left: 0; }
ul.wizard li.wizOn 			{ background: transparent url(images/wizardBg.gif) 0 -30px no-repeat; }
ul.wizard li.wizLast 		{ background: transparent url(images/wizardBg.gif) right -150px no-repeat; }
ul.wizard li.wizLast span	{ background: transparent url(images/wizardBg.gif) 0 -60px no-repeat; }
ul.wizard li.wizLastOn 		{ background: transparent url(images/wizardBg.gif) right -120px no-repeat; }
ul.wizard li.wizLastOn span	{ background: transparent url(images/wizardBg.gif) 0 -30px no-repeat; }

/* -- speech bubbles / tool tips -- */

a.speechBubble{ position:relative; z-index:24;  color:#0068a8; text-decoration:none;}
a.speechBubble span { display: none; }
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.speechBubble:hover{ z-index:25; color: #0068a8; background:;}
a.speechBubble:hover span.speechBubbleWrapper { display:block; position:absolute; top:0px; left:0; padding: 15px 0 0 0; width:350px; color: #333; filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; }
a.speechBubble:hover span.top{ display: block; padding: 25px 10px 0; background: url(images/speechBubble.gif) no-repeat top; }
a.speechBubble:hover span.middle{ /* different middle bg for stretch */ display: block; padding: 0 8px; background: url(images/speechBubbleFiller.gif) repeat bottom; }
a.speechBubble:hover span.bottom{ display: block; padding:3px 8px 10px; color: #333; background: url(images/speechBubble.gif) no-repeat bottom; }

ul.displayBullets,
ul.displayBullets li { margin-left: 8px; }

.tooltip{ position:absolute; z-index:999; left:-9999px; background: #f6f6f6 url(Images/toolTipTop.gif) repeat-x top; border:1px solid #B3B3B3; width: 350px !important; text-align: left !important;}
.tooltip span { display: block; background: transparent url(Images/toolTipBottom.gif) repeat-x bottom; border: 1px solid #fff; padding: 8px 2px; }
.tooltip p{ margin: 0; color: #333; padding: 2px 7px; }
img.tooltipIcon { margin-top: 5px; }

/* Governanace Consultants */
div.governors				{ float: right; width: 380px; margin-left: 20px; margin-top: 10px; }
div.governorMessage			{ height: auto; /* float: left; */ }
div.governors h5			{ /* width: 100%; */ display: block; padding: 5px 10px; color: #fff; background-color: #930; font-family: Arial, Helvetica, sans-serif; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; }
div.governanceConsultant 	{ display: block; width: 380px; height: 175px; float: left; margin-right: 20px; }
div.governanceConsultant h3	{ white-space: nowrap; margin-top: 50px; }
div.governanceConsultant h3 span { font-family: Georgia, "Times New Roman", Times, serif !important; font-size: 18px !important; font-weight: 100; }
div.governanceConsultant dl dt 	{ width: 27px; text-align: right; font-size: 9px; color: #666; font-weight: bold; float: left; padding-top: 3px; padding-right: 5px; }
div.governanceConsultant img	{ background: #eee url(images/portraitBgSml.gif) no-repeat 0 0; padding: 10px 12px 12px 10px; height: 150px; width: 100px; float: left; margin-right: 10px; }

/* Title panel */
#titlepanel div			{ background: transparent url(/App_Themes/Main/Images/expand.png) no-repeat; background-color: #045FB4; padding-left: 18px; border: 1px solid #ccc; font-weight: bold; font-size: 8px; color: #FFFFFF;}
#titlepanel div:hover	{ background: transparent url(/App_Themes/Main/Images/expand.png) no-repeat; background-color: #084B8A; cursor: pointer; color: #A9D0F5 }
/* #titlepanel div:active	{ background: transparent url(/App_Themes/Main/Images/contract.png) no-repeat 0 1px; background-color: #B4045F; padding-left: 18px; border: 1px solid #ccc; font-weight: bold; font-size: 8px; color: #FFFFFF;} */

/* collapsed panel */
#contentpanel div	{ background-color: #A9D0F5; border: 1px solid #ccc; font-weight: bold; font-size: 8px; color: #FFFFFF;}



/* TV */ 
#assetTVblock { background: #fff url(../App_Themes/Main/Images/assetTvBg.gif) repeat-x; height: 521px; margin-bottom: -30px; }
/* Analytics*/
table.settingsSelection  { border-style:solid;width:470px; border-color:#D3D3D3;border-width:1px; }
table.analytics	     { border-style:solid;width:470px; border-color:#D3D3D3;border-width:1px; }

table.analyticsNarrow {border-style:solid;width:350px; border-color:#D3D3D3;border-width:1px; }

/* CollapsiblePanel */

.CollapsiblePanel { margin: 0px; padding: 0px; }
.CollapsiblePanelTab { height: 22px; background: #fff url(Images/CollapsiblePanelTabBg.gif) no-repeat 0 0; padding: 6px 5px 0 27px; font-size: 11px; font-weight: 100; border: solid 1px #CCC; margin: 10px 0 0; cursor: pointer; -moz-user-select: none; 	-khtml-user-select: none; }
div.CollapsiblePanelTab:hover { background: #fff url(Images/CollapsiblePanelTabBg.gif) no-repeat 0 -100px !important; }
.CollapsiblePanelContent { margin: 0 0 1px; padding: 5px 0 5px 10px; border-left: solid 1px #CCC; border-right: solid 1px #CCC; border-bottom: solid 1px #CCC; background-color: #e8e8e8; }
.CollapsiblePanelTab a { color: black; text-decoration: none; }
.CollapsiblePanelOpen  { background: #fff url(Images/CollapsiblePanelTabBg.gif) no-repeat 0 -150px !important; }
.CollapsiblePanelClosed  { /* background-color: #EFEFEF */ }
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover { background: #fff url(Images/CollapsiblePanelTabBg.gif) no-repeat 0 -100px !important; }
.CollapsiblePanelFocused .CollapsiblePanelTab { background-color: #3399FF; }
.CollapsiblePanel { width: 240px; }
.CollapsiblePanelTab { font-size: 1em; }
.CollapsiblePanelContent img.clsSaving { margin-top: -50px; margin-left: 100px; }

/* lnkAdd */
a.lnkAdd, a.lnkAdd:link, a.lnkAdd:visited,
a.lnkRemove, a.lnkRemove:link, a.lnkRemove:visited,
a.lnkRemoveAll, a.lnkRemoveAll:link, a.lnkRemoveAll:visited
 { border: 1px solid #B3B3B3; text-decoration: none; padding: 4px 8px 4px 28px; display: inline-block; width: auto; margin-top: 5px; color: #000; margin-right: 50px;}
a.lnkAdd, a.lnkAdd:link, a.lnkAdd:visited 	{ background: #e4e4e4 url(Images/moveRemoveBg.gif) 0 0; }
a.lnkAdd:hover								{ background: #e4e4e4 url(Images/moveRemoveBg.gif) 0 -40px; }
a.lnkAdd:active								{ background: #e4e4e4 url(Images/moveRemoveBg.gif) 0 -80px; border-bottom: 1px solid #C90; }
a.lnkRemvove, a.lnkRemove:link, a.lnkRemove:visited 	{ background: #e4e4e4 url(Images/moveRemoveBg.gif) 0 -120px; }
a.lnkRemove:hover							{ background: #e4e4e4 url(Images/moveRemoveBg.gif) 0 -160px; }
a.lnkRemove:active							{ background: #e4e4e4 url(Images/moveRemoveBg.gif) 0 -200px; border-bottom: 1px solid #C90; }
a.lnkRemvoveAll, a.lnkRemoveAll:link, a.lnkRemoveAll:visited 	{ background: #e4e4e4 url(Images/moveRemoveBg.gif) 0 -240px; }
a.lnkRemoveAll:hover							{ background: #e4e4e4 url(Images/moveRemoveBg.gif) 0 -280px; }
a.lnkRemoveAll:active							{ background: #e4e4e4 url(Images/moveRemoveBg.gif) 0 -320px; border-bottom: 1px solid #C90; }

/* Last updated by Glenn McLaughlin, glenn.mclaughlin@psolve.com, 26.07.10 */