/******** Redefined HTML Tags ********/
body {
	background: url(/Pen/images/bg_header_merged.jpg) no-repeat top left; /* TEMP: Change positioning to TOP, CENTER */
	margin: 0;
	padding: 0;
	text-align: left; /* TEMP: Change back to center */
	font: 10pt/18px arial, sans-serif;
	word-wrap: break-word;
}

h1 span, h2 span  {display: none;}
h3 span { visibility: hidden; }
h3 span.tip { visibility: visible; }

h1 {
	float: left;
	height: 58px;
	width: 100px;
	margin: 0px 0 0 0px;
	/*background: url(/Pen/images/h1_penlogo.gif) no-repeat top;*/
}
a.logo { display: block; height: 55px; }

h2 { 
	float: left;
	height: 22px;
	width: 460px;
	margin: 0px 0 0 0px;
	/*background: url(/Pen/images/h2_nutrition_knowledge_destination.gif) no-repeat center left;*/
}
h3 { font-size: 14px; padding: 3px; margin: 0; color: white; background: #008082; }
h3 a { color: white; text-decoration: underline; }
h4 { font-size: 14px; color: #008082;}
h5 { color: #33509A; font-size: 12px;  margin: 0;}

a { color: #435EA2; }

p { clear: both; margin: 0; }
td { font-size: 12px; }

ul { list-style-type: disc; margin-top: 0; margin-bottom: 0; padding-left: 0; margin-left: 30px;}
ul ul { list-style-type: circle; padding-left: 20px; }
ul ul ul { list-style-type: square; }
ol { list-style-type: decimal; margin-top: 0; margin-bottom: 0; padding-left: 0; margin-left: 30px;}
/*ol{list-style-type: decimal; margin:0; padding:0;}*/
ol ol { list-style-type: lower-roman; padding-left: 20px; }
ol ol ol { list-style-type: disc; }
ol ol ol ol { list-style-type: circle; }
ol ol ol ol ol { list-style-type: square; }


/******** Custom Headers *******/

.H1 { font-size: 18px; font-weight: bold; color: #33509A; }
.H2 { font-size: 16px; font-weight: bold; color: #33509A; }
.H3 { font-size: 15px; font-weight: bold; color: #33509A; }
.H4 { font-size: 14px; font-weight: bold; color: #33509A; }
.H5 { font-size: 12px; font-weight: bold; color: #33509A; }
.H6 { font-size: 10px; font-weight: bold; color: #33509A; }

/******** List Styles ********/
.bulletStyle1 { list-style-image: url("/Pen/images/bullet_ul_blue.gif"); }
.bulletStyle1 li { margin: 3px 0; }
.bulletStyle2 { list-style-image: url("/Pen/images/bullet_ul_grey.gif"); }
.bulletStyleNone { list-style: none; margin: 0; padding: 0; }
.bulletStyleNone li { margin: 10px 0; padding: 0; }

/* User selected bullet styles */
.upperAlpha { list-style-type: upper-alpha; }
.lowerAlpha { list-style-type: lower-alpha; }
.upperRoman { list-style-type: upper-roman; }
.lowerRoman { list-style-type: lower-roman; }
.square { list-style-type: square; }
.disc { list-style-type: disc; }
.Disc { list-style-type: disc; }
.circle { list-style-type: circle; }
.decimal { list-style-type: decimal; }

/******* Key Pratice Points ********/
div.key_pratice_points ol { list-style-type: decimal; } 
div.key_pratice_points ul ul{ list-style-type: circle; }

/******** Evidence Points ********/
/*div.evidence_points ul, div.evidence_points ol { list-style-type: lower-alpha; }There has been a lot of back and forth on this.  Right now, this it out and the two below are in.  See ticket: http://ml-portal/clients/DC/pen/Lists/Project%20Log/DispForm.aspx?ID=246 for more details */
div.evidence_points ul {list-style-type:disc;}
div.evidence_points ol {list-style-type:lower-alpha;}
div.evidence_points ul ul, div.evidence_points ol ol, div.evidence_points ol ul, div.evidence_points ol ul { list-style-type: circle; }
div.evidence_points ul ul ul, div.evidence_points ol ul ul { list-style-type: square; }


/*Handouts*/
body table.hand_out_tables { padding: 10px; }
body table.hand_out_tables td, body table.hand_out_tables th { vertical-align: top; }

body table.hand_out_tables th { background: none; color: black; padding: 10px; text-align: left; }
body div.notes table { background: none; color: black; padding: 0; }
body div.notes table { border: 0 solid red; }

/******** Main Structural Styles and Definitions ********/

#container {  width: 778px; /* TEMP: Change back 777px wide */ margin: 0; /* TEMP: Change back to 0 auto 0 auto */ }
#header { height: 104px; text-align: left;}
#header a {	font: 11px verdana, sans-serif;  color: white; text-decoration: none;}
#header a:hover { text-decoration: underline; }
#content { clear: both; width: 755px; height: auto; padding: 10px; text-align: left; }

/******** Quick Seach Styles ********/
#quickSearch {
	float: left;
	height: 45px;
	margin: 7px 0 0 0px;
	padding: 0;
}
#quickSearch input.text { 
	height: 13px;
	/*color: #CFCFCF;*/
	color: #000000;
	padding: 2px;
	margin: 0;
	font-size: 11px;
	border: 1px solid #33509A;
}
#quickSearch input.button {
	width: 53px;
	height: 19px;
	font: bold 10px verdana;
	color: white;
	background-color: #008082;
	border: 1px solid #B7C1DB;
}
#quickSearch span.advancedSearch {
	margin-top: 5px;
	display: block;
	width: 218px;
	font-size: 10px;
	clear: both;
}

#quickSearch span.advancedSearch a { color: #1B4D4E; display: block; margin: 0 0 0 10px; float: left; }

#processing { height: 11px; margin: 0; padding: 0;}
#processing img { padding: 0; margin: 0; }

/******** Utilities Menu Styles ********/
ul#utilities {
	float: left;
	margin: 26px 0 0 330px;
	padding: 0;
	width: 330px; /* TEMP: the wide attribute can be removed when switch back to 800 x 600 centered */
}

ul#utilities li {
	float: left;
	list-style: none;
	height: 20px;
	padding: 0 0 0 15px;
	margin: 0;
	background: url(/Pen/images/bullet_utilities.gif) no-repeat left 65%;
}
ul#utilities li.profile { width: 80px; }
ul#utilities li.penHelp { width: 50px; }
ul#utilities li.contactUs { width: 85px; }
ul#utilities li.logOut { width: 50px; }
ul#utilities li a { color: #1B4D4E; display: block; margin: 5px 0 0 0; }

/******** TopLinks Styles ********/
ul.topLinks { clear: both; height: 20px; margin: 10px 0; padding: 0; list-style: none; }
ul.topLinks li { float: left; margin: 0; padding: 0 20px 0 0; list-style: none;  }

/******** Footer Styles ********/
#footer { clear: both; width: 757px; margin: 10px; text-align: center; border-top: 1px solid #D8D8D8;} 
#footer p { margin: 9px 0; font-size: 11px; }
#footer p.links { font-size: 12px; }
p.copyright { width: 727px; padding: 10px; font-size: 11px; margin: 10px 15px;}
p.disclaimer { background: #FBFBFB; margin-top: 5px; margin-bottom: 5px;}
div#disclaimer { clear: both; background: #FBFBFB; border: 1px solid #E5E5E5; width: 727px; padding: 10px; font-size: 11px; margin: 10px 15px;}

/******** PopUp Window Styles ********/
body.popup { background: none; }
body.popup #container { padding: 10px;}
body.popup #content { width: 97%; padding: 0; margin: 0;}
body.popup .disclaimer { width: 94%; margin: 10px 0;}
#popupcontainer { padding: 10px; }
body.popup table { margin: 0px; }

/********* PEN Homepage Specific Styles *********/
body#home h3 { font-size: 14px; color: #008082;}
.welcome { display: inline; font-size: 14px; font-weight: bold; margin: 0 10px 0 0; }
.userName { color: #008082; }
#newUpcoming { float: right;  width: 280px; margin: 10px 0 0 0; }
#newUpcoming h3 {
	color: #33509A;
	padding: 3px 0 3px 15px;
	margin: 0;
	background-color: #E3F2EF;
	/*background-image: url(/Pen/images/h3_arrow_grey.gif);*/
	background-repeat: no-repeat;
	background-position:  0% 50%; /* H value, V value */
}
#whatsNew  div { 
	height: 285px;
	overflow: auto;
	padding: 7px;
	background: #F7F7F7;
	border: solid #EBEBEB;
	border-width: 0 0 1px 1px;
}
#upcomingKnowledgePathways { margin: 12px 0 0 0; }
/* #upcomingKnowledgePathways ul {
	background: #F7F7F7;
	border: solid #EBEBEB;
	border-width: 0 1px 1px 1px;
	list-style-image: url("/Pen/images/bullet_ul_blue.gif");
	padding: 3px 10px 12px 25px;
	margin: 0;
}
#upcomingKnowledgePathways ul li { padding: 0; margin: 3px 0 0 0; }
#upcomingKnowledgePathways ul a { text-decoration: none; }
#upcomingKnowledgePathways ul a:hover { text-decoration: underline; } */
#searchBrowse { width: 445px; margin: 10px 0 0 0; border-right: 1px solid #D8D8D8;} /* Alternate width set to appease IE 5's flawed box model */
#searchBrowse/* */ { width: 465px; } /* Width then reset to send proper width to ALL other browsers - DON'T REMOVE COMMENT HACK */ 
#searchBrowse p { clear: none; }
#search, #browse, #toc, #help { margin: 0 0 20px 0; }
#search h3, #browse h3, #toc h3, #help h3 { margin: 0; width: 380px;} 
#search h3 { padding: 10px 0 10px 75px; background: url(/Pen/images/h3_search_bg.gif) left top no-repeat; }
#browse h3 { padding: 16px 0 15px 75px; background: url(/Pen/images/h3_browse_bg2.gif) left top no-repeat; }
#toc h3 { padding: 10px 0 10px 75px; background: url(/Pen/images/h3_toc_bg.gif) left top no-repeat; }
#help h3 { padding: 15px 0 10px 75px; background: url(/Pen/images/h3_help_bg.gif) left top no-repeat; }
#searchBrowse li { 
	float: left; 
	width: 40%; 
	margin: 3px 0; 
	padding: 0 0 0 20px; 
	background: url(/Pen/images/bullet_li_grey.gif) no-repeat left; 
}
#search p, #browse p, #toc p, #help p { margin: 3px 0; }
#search ul, #browse ul, #toc ul, #help ul { margin: 7px; padding: 0; list-style: none; /* border: 1px solid red; */}
#browse ul { height: 55px;}
#toc ul { height: 26px; }
#help ul { height: 55px;}
/******** End of Homepage Specific Files ********/

/******** List Styles ********/
.bulletStyle1 { list-style-image: url("/Pen/images/bullet_ul_blue.gif"); }
.bulletStyle1 li { margin: 3px 0; }
.bulletStyle2 { list-style-image: url("/Pen/images/bullet_ul_grey.gif"); }
.bulletStyleNone { list-style: none; margin: 0; padding: 0; }
.bulletStyleNone li { margin: 10px 0; padding: 0; }


/* Helper Styles & Cheats */
.clearFix:after, .checkBoxList:after, .radioList:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.hide { display: none; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

/* clearfix */
html .clearfix { height: 1%; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/********* General Form Styles *********/
form { margin: 0; }
form table, table.searchResults { width: 100%; clear: both; margin: 10px 0; border: solid #E2E9F4; border-width: 1px 1px 0 1px; background-color: #F2F4FA;}
form table th, table.searchResults th { /*background: url("/Pen/images/h3_arrow_blue.gif") no-repeat 0% 45%;*/ background-color: #E3F2EF; padding: 3px 15px; color: #008082; font-size: 15px;}
form table td, table.searchResults td { padding: 3px 5px; vertical-align: top; border-bottom: 1px solid #E2E9F4;}
table.searchResults th { font-size: 12px; background-image: none; padding: 4px; }
table.searchResults td { font-size: 11px;}
form input { margin: 0 2px ; }
td.formLabel { clear: both; }
.formInstruction { font-size: 11px; font-weight: normal; }

/* Form Elements Sizing */
input.medium, textarea.medium { width: 250px; margin: 0 2px; }
input.large, textarea.large { width: 400px; margin: 0 2px; }
input.xlarge, textarea.xlarge { width: 550px; margin: 0 2px; }
textarea.tall { height: 150px; margin: 0 2px; }
textarea.short { height: 75px; margin: 0 2px; }

/* Messaging Related */
.resultsFeedback, .pageFeedback { float: left; margin: 0; padding: 0; }
.resultsFeedback { width: 500px; }
.confirmationMsg { color: green; font-weight: bold; margin: 5px 0; }
p.confirmationMsg { margin: 0; padding: 0; }
.validationmsg { color: #CB0000; font-weight: bold; margin: -5px 5px;}
.highlight { background: #E8F4E8; border: 1px solid #61B161; padding: 2px 0 5px 10px;}
.highlight2 { background: #F7F7F7; border: 1px solid #EBEBEB; padding: 7px; }
.instructions { clear: both; margin: 8px 0;  }
.message { color: red;}
.noResults { margin: 0;}
.required { background: url("/pen/images/required.gif") no-repeat 50% 50%; padding: 2px 3px;}
.required span { visibility: hidden; }

/* Button Related */
.buttonContainer { margin: 10px 0; }
input.button  {
	background-color: #008082;
	border: 1px solid #B7C1DB;
	font: bold 10px verdana;
	color: white;
	padding: 2px 0;
	cursor: pointer;
}
input.addNewPracticeQuestions { width: 190px;}
input.addNewResourceTool { width: 190px;}

/********* Specific Form Styles ********/

/* Practice Questions Search Form */
#PQfrmSearchTable1 select { width: 300px;}
#PQfrmSearchTable1 .col1 { width: 195px; text-align: left; }
#PQfrmSearchTable2 td { text-align: left; }
#PQfrmSearchTable2 td.formLabel { border-bottom: none; }

/* Practice Question & Knowledge Pathways Edit Form */
#PQfrmEditTable1, #PQfrmEditTable2, #KPfrmEditTable1, #KPfrmEditTable2 { width: 100%; }
#PQfrmEditTable2 .col1, #KPfrmEditTable2 .col1 { width: 25%; padding: 0;}
#PQfrmEditTable2 td table, #PQfrmEditTable2 td table td { border: none; }
#KPfrmEditTable2 td table, #KPfrmEditTable2 td table td { border: none; }
#KPfrmEditTable2 td table { background: transparent;}

.categories input { display: block; clear: both; float: left; width: 5%;;}
.categories label { display: block; float: left; width: 92%; height: 20px;}
.targetGroups input { display: block; float: left; }
.targetGroups label { display: block; float: left; width: 195px; height:20px;}

/* Key Practice Point Styles */
h4.createEditKPP, h4.contributors { margin: 3px 0; float: left}
table#kppSeachResults .col1 { width: 65px; }
table#kppSeachResults .col2 { width: }
table#kppSeachResults .col3 { width: 30px; text-align: center;}
table#kppSeachResults .col4 { width: 150px; }
table#kppSeachResults .col5 { width: 75px; }
.addKPP { float: right; }

/* New/Edit KPP */
form#kppedit table { margin: 10px 0 0 0 ;}
form#kppedit table .col1 { width: 175px;}
form#kppedit textarea { width: 375px; }

/* Knowledge Pathways*/
h4.KPStep1, h4.KPStep2 { float: left; width: 500px; margin: 10px 0;}
h4.KPSearchResultHeader { margin: 15px 0 0 0; }
#KPTopNav { float: right; text-align: right; margin: 10px 0; }
#KPfrmSearch table .col1 { width: 180px; }

/* Tools */  /* Possibly Look at Combining these with some of the above knowledge pathway styles */
#toolsManagerTopLinks ul.topLinks { width: 330px; float: left; }
ul#TMAdditionalOptions { float: right; width: 400px; height: 20px; margin: 7px 0; padding: 3px; background: #F9F9F9; border: 1px solid #E5E5E5;}
ul#TMAdditionalOptions li { float: left; padding: 0 0 0 7px; font-size: 12px; list-style: none;}
h4.ToolsStep1, h4.ToolsStep2, h4.ToolsStep3, h4.additionalSteps { float: left; width: 500px; margin: 10px 0;}
#ToolsTopNav { float: right; text-align: right; margin: 10px 0; }
form#toolsedit1 table#table1 textarea { width: 550px; }
.checkBoxList, .radioList { margin: 10px 0; height: 1%; }
.checkBoxList div, .radioList div { width:49%; float: left; }
form#toolsedit2 td.resourceAccess .checkBoxList div { width: 33% }
form#toolsedit2 td.levelOfReview .radioList div { width: 33% }
form#toolsedit2 td.profile .radioList div{ width: 33% }
form#toolsedit2 td.audience .radioList div { width: 33% }
form#toolsedit2 td.resourceLanguage .radioList div { width: 33% }
form#toolsedit2 td.resourceOwner .radioList div { width: 100% }
form#toolsedit2 td.resourceAuthors .radioList div { width: 100% }
form#toolsedit2 td.expertReview .radioList div { width: 20% }
form#toolsedit2 td.resourceAssessibility .radioList div { width: 20% } 
form#toolsedit2 td.resourceFormat .radioList div { width: 33% } 
form#toolsedit2 td.target .checkBoxList div{ width: 25% }
form#toolsedit2 td.levelOfReview .checkBoxList div{ width: 33% }
form#toolsedit2 td.resourceBasedOn textarea { width: 98%; height: 50px; }
form#toolsedit2 td.authorCredentials textarea { width: 98%; height: 50px; }
form#toolsedit2 td.resourceDevelopmentHistory textarea { width: 98%; height: 50px; }
table#TMResourceInfoPreview td.col1, table#TMResourceInfoPreview td.col2 { width: 50%; }
table#TMResourceClassPreview td.col1, table#TMResourceClassPreview td.col2 { width: 50%; }
#toolsManagerDocumentList .resultsFeedback, #toolsManagerRelatedLinksList .resultsFeedback { float: left; width: 200px; }
#relatedLinksNav, #documentsImagesNav { float:right; width: 550px; text-align: right;}
#toolsManagerRelatedLinksList .col1 { width: 75px }
#toolsManagerRelatedLinksList .col2 { width: 550px }
#toolsManagerDocumentList .col1 { width: 10%; }
#toolsManagerDocumentList .col2, #toolsManagerDocumentList .col3 { width: 35%; }
#toolsManagerDocumentList .col4 { width: 20%;}
table.PQToolsSearchResults .col1 { width: 10%; }
table.PQToolsSearchResults .col2 { width: 35%; }
table.PQToolsSearchResults .col3 { width: 35%; }
table.PQToolsSearchResults .col4 { width: 20%; }
#resourceView h2, #resourceView h3, #resourceView h4, #resourceView h5, #resourceView h6 { color: #008082; background: transparent; }
#resourceView p { clear: none; }

/* Tools Manager PopUps */
#toolsManagerDocumentEdit .col1 { width: 150px; }

/* Tools Manager Search Form */
h4.search { float: left; width: 500px; margin: 10px 0;}
form#TMfrmSearch { clear: both; }
#TMfrmSearchTable1 { margin: 0; padding: 0;}
#TMfrmSearchTable1 select { width: 300px; margin: 0 2px;}
#TMfrmSearchTable1 .col1 { width: 195px; text-align: left; }
#TRfrmSearchTable1 .col2 { width: 0px; padding: 0px; text-align: left; }
#TMfrmSearchTable1 td .checkBoxList, #TMfrmSearchTable2 td .checkBoxList {margin: 0; }
#TMfrmSearchTable2 td { text-align: left; }
#TMfrmSearchTable2 td.formLabel { border-bottom: none; }

/* Tools Manager Search Results */
h4.searchResults { float: left; width: 500px; margin: 10px 0;}
#PQTopNav { float: right; text-align: right; margin: 10px 0; }
#toolssearchresults th { font-size: 11px; }

/* KP Export */
div#exportKPP { margin: 0px 0px 0px 15px; padding: 0;}
/******** Login Page ********/
/* Pane 1 Styles */
body#login .pane1 { width: 560px; float: left;}
body#login h4 span { visibility: hidden; }
h3.PEN { width: 322px; height: 16px; margin: 15px 0; background: url(/Pen/images/h3_PEN.gif) no-repeat left center; }
#subscriberQuotes { width: 230px; background: url(/pen/images/pen_quotes_top.gif) 0% 0% no-repeat; margin-top: 25px;}
#subscriberQuotes p { 
	margin: 20px 30px 5px 30px; 
	padding: 0 0 10px 0; 
	background: url(/pen/images/pen_quotes_bottom.gif) bottom right no-repeat; }
div#features { float: left; width: 313px; height: 150px; margin: 7px 0 0 5px; }
div#viewDemo { width: 313px; height: 130px;background: url(/pen/images/bg_view_pen_demo.gif) no-repeat; }
div#viewDemo h4 { }
div#viewDemo a.requiresFlash { 
	display:block;
	float:right;
	font-size:10px;
	height:27px;
	margin: -17px 26px 0 0;
	position:relative;
	text-decoration:none;
	width:82px;
	z-index:100;
}
div#viewDemo a.requiresFlash span { visibility: hidden; }
div#viewDemo p { font: normal 11px/18px verdana, sans-serif; color: #595959; margin:0 0 0 128px;position:relative;top: 10px; width: 174px; }
div#viewDemo div#old_browser_issue p { top: 10px; }
div#additionalInformation { float: left; background: #F9F9F9; width: 555px; border: 1px solid #D2D2D2;}
div#additionalInformation h4 {
	height: 25px;
	width: 100%;
	margin: 0;
	background: url(/Pen/images/h4_additional_information.gif) no-repeat;
	background-color: #E3F2EF;
}
div#additionalInformation ul { margin: 10px 0 20px 30px; padding: 0; }
div#additionalInformation li { margin: 5px 0; padding: 0; }
/* Pane 2 Styles */
body#login .pane2 { width: 170px; float: left; margin: 0 0 0 10px;}
#frmLogin { background: #F8F8F8; height: 1%; border: 1px solid #E2E2E2; margin: 0; padding: 5px; }
#frmLogin input.textBox { height: 15px; width: 150px; margin: 0 0 5px 0; border: 1px solid #C3C3C3; }
#frmLogin .formLabel { font-size: 11px; color: #008082; }
#frmLogin .validationmsg { font: bold 11px/12px arial; }
.lostPassword { display: block; float: right; margin: 0 5px 0 0; font-size: 11px; }
h4.alreadyRegistered { height: 20px; margin: 0; background: url(/Pen/images/h4_already_registered.gif) left center no-repeat;}
div#moreGreatResources { background: #E9ECF6; text-align: center; border: 1px solid #B2BDDA; margin: 10px 0 0 0;}
div#moreGreatResources img {margin: 0 0 10px 0; border: 1px solid #C1CAE1; }
h4.moreGreatResources { height: 60px; width: 162px;margin: 5px 0; background: url(/Pen/images/h4_more_great_resources.gif) center center no-repeat; }

/* ROLL-OVER TOOL TIPS (INLINE GLOSSARY  */
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #61B161;
padding: 2px;
background-color: #E8F4E8;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135, strength=3);
}
#dhtmlpointer{ position:absolute; left: -300px; z-index: 101; visibility: hidden; }

/* span.tip { color: green; background: url(/pen/images/tip_bg.gif) repeat-x 0% 100%; padding: 0 0 2px 0; cursor:pointer; }
* html span.tip { padding: 0 0 1px 0; }
span.tip span.tip { background: none; }
Updated by Joen on Feb 23,2009, previous solution(bg image) not working in IE in case of the glossary term in line-feed position of line
*/ 
span.tip { border-bottom:3px double green ;  color: green; cursor:pointer;}
* html span.tip { padding: 0 0 1px 0; }
span.tip span.tip { border-bottom:none; }

a span.tip { text-decoration: none; }

dl.glossaryTerm { font-size: 11px; margin: 5px;  }
dl.glossaryTerm dt { font-weight: bold; color: green; }
dl.glossaryTerm dd { margin: 0; }
dl.glossaryTerm dd img { padding: 5px; }

/*END TOOL TIP  */

/* PEN Glossary Page Styles */

table#GlossarySearchResults .col1 { width: 65px; }
#GlossaryTopNav { float: right; text-align: right; margin: 10px 0; }
#GlossaryAlphaList{ background: #F7F7F7; border: solid #EBEBEB; border-width: 1px; padding: 2px; }
dl#GlossaryList dd { margin: 0px 0px 0px 15px; padding: 0px; }
dl#GlossaryList dt { font-family: Arial sans-serif; color: #008082; font-weight: bold; font-size: 10pt; }
.GlossarySpacer { padding: 0 3px; }

/* General Search Results Styles */
ul#searchResults { list-style-type: none; margin: 0; padding: 0;}
ul#searchResults li { height: 1%; margin: 15px; padding:0; }
ul#searchResults li:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.number { float: left; width: 20px; }
.resultDetails { width: 95%; float: left;  text-align: top; }
.contentNew { position: absolute; width: 40px; padding: 0; margin: 0; background: url(/pen/images/new.gif) 50% 20% no-repeat; }
.contentUpdated { position: absolute; width: 60px; padding: 0; margin: 0; background: url(/pen/images/updated.gif) 50% 50% no-repeat;}
.contentNew span, .contentUpdated span { visibility: hidden; }

/* Knowledge Pathway Styles (Public) */
#KPSideNav { float: left; display: inline; width: 220px; }
#KPSideNav h4 { width: 220px; /*background: url("/Pen/images/h3_arrow_blue.gif") no-repeat 0% 45%;*/ background-color: #E2E9F4; font-size: 12px; margin: 0; padding: 3px 0 3px 15px; }
#KPSideNav h4/* */{ width: 205px; } /* Feeds a diffent width to all but IE 5 - Due to improper IE box model */
#KPSideNav ul { margin: 1px 0 10px 0; padding: 0; background: #F2F4FA; border: solid #E2E9F4; border-width: 1px 1px 0 1px; list-style: none; }
#KPSideNav ul li { margin: 0; padding: 0; border: solid #E2E9F4; border-width: 0 0 1px 0; }
#KPSideNav ul li a { height: 19px; padding: 3px 0 3px 15px; display: block; /*border: 1px solid blue;*/ }
.sideNavON { background: url(/pen/images/bullet_red.gif) 1% 45% no-repeat; background-color: #FBFBFF; }
#KPMain { float: left; width: 555px; margin: 0 0 0 5px; }

#applyGlossary/* */{ width: 530px; float:left; *float:none;} /* Feeds a diffent width to all but IE 5 - Due to improper IE box model */

#KPNewPQ { float: left; margin: 0 0 0 5px; border:0px solid red; width: 520px;}
#KPNewPQ h5 { font: bold 14px arial, sans-serif; color: #008082; text-decoration: underline; margin: 5px 0;}
#KPNewPQ p { margin: 10px 0; line-height: 18px; }
#KPNewTR { float: left; margin: 10px 0 0 5px; width: 320px; background: #F9F9F9; border: 1px solid #E5E5E5; }
#KPNewTR h5 { /*background: url(/pen/images/h3_arrow_grey.gif) 0% 50% no-repeat;*/ background-color: #E3F2EF; font-family: arial; padding: 2px 15px; margin: 0; color: #008082;  }
#KPNewTR ul { margin: 10px 0 10px 0; padding: 0;}
#KPNewTR li { margin: 0 10px 0 30px; padding: 0; } 
#KPAlert { float: left; margin: 10px 0 0 2px; border: 1px solid orange; background: #FFFCEE; }
#KPAlert h5 { background: #F1A000; padding: 2px 5px; color: white; margin: 0;}
#KPAlert div.overflow { width: 175px; height: 132px; margin: 0; overflow: auto; padding: 5px 0 5px 2px; }
#KPAlert p  { width: 152px; }
#knowledgePathwayList { margin: 0 0 0 15px }
#KPPracticeQuestionList { float: left; display: inline; width: 515px; margin: 0 0 0 10px; }
/*#KPPracticeQuestionList h4 { margin: 0 0 10px 0; padding: 0; }*/
#KPToolsList { float: left; width: 515px; margin: 0 0 0 10px;}
#KPToolsList h4 { margin: 0 0 10px 0; }
#KPToolsList div.resourceContainer {}
#KPToolsList .relatedAsset { clear: both; background: #F9F9F9; border: 1px solid #E4E4E4; margin: 10px 0; }
#KPToolsList .relatedAsset h4 { /*background: url(/pen/images/arrow_grey.gif) 0% 50% no-repeat;*/ background-color: #E3F2EF; padding: 2px 15px; font-size: 12px; }
#KPToolsList .relatedAsset p { margin: 5px 15px; }
#KPToolsList p.highlight { clear: both; margin: 0 0 15px 0; }
#KPToolsList p.resourceTitle { padding: 3px 0 3px 12px; /*background: url(/pen/images/arrow_grey.gif) 0% 50% no-repeat;*/ background-color: #F3F3F3; }
#KPToolsList p { margin: 0; padding: 4px 0 0 0; }
#KPContent {  }
#KPContent p.highlight { clear: both; margin: 5px 0 10px 0; }
#KPContributorsList { float: left; width: 520px; margin: 0 0 0 10px; height: 100%; display: inline; }
#KPContributorsListWrapper { height: auto; }
#KPContributorsList p { clear: none; }
#KPContributorsList #applyGlossary { float: left; width: 300px; display: inline; height: 100%; }
#contributorDetails img { border: 1px solid #808080; }
#contributorDetails { background: #F7F7F7 none; border: 1px solid #EBEBEB; float: right; display: inline; margin: 0 0 0 10px; padding: 10px; width: 175px; overflow: visible; }
#contributorDetails span { display: block; margin: 5px 0; }
#submitAQuestion { float: left; width: 520px; margin: 0 0 0 10px; }

/* Features Table */
table#penFeatures { background-color: #F2F4FA; border: solid #E2E9F4; border-width: 1px 1px 0 1px; }
#penFeatures th.col1 { width: 30%; }
#penFeatures th.col2 { width: 70%; }
#penFeatures th {  padding: 3px; background-color: #008082; color: #FFFFFF;}
#penFeatures td { padding: 3px; vertical-align: top; border-bottom: 1px solid #E2E9F4; }
table#penFeatures td.formLabel { /*color: #33509A;*/ font-weight: normal; }
#penFeatures tr.altBG { background-color: #EEF1F8; }


/* Misc Styles */
.printOnly { display: none; }
.question, .kpp { color: #008082; font-weight: bold; }
.lastUpdated { color: #008082; font-size: 11px; margin: 0; }
.formLabel { color: #000000; font-weight: bold; }
.breadCrumb { height: 30px; /*border: 1px solid purple;*/ }
.printButtonContainer { width: 340px; float: right; /*border: 1px solid yellow; */}
.printButtonContainer .button { width: 160px; margin: 3px; float: right; }
.trail { margin: 0;}
.closeLink { margin: 0px 0px 20px 0px; padding: 0px; }
.popSearchForm { margin: 0px; padding: 0px; border: 0px solid black; }
.backToTop { font-size: 11px; }
a.help, span.help { text-decoration: none; color: #435EA2; }
a.help span, span.help span { padding: 2px 7px; background: url(/pen/images/help_bg.gif) center center no-repeat; font-weight: bold;}


.printLogo { display: none; }
/* Seemingly Unused Styles */

/*ul#homePageOptions { 
	width: 240px;
	margin: 0 0 10px 0;
	padding: 0;
	border: 1px solid blue;
}
ul#homePageOptions li {margin: 3px 0 0 25px; padding:0; }

.KPSmallInstruction { font-family: Arial sans-serif; font-size: 8pt; font-weight: bold;}

*/