/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */ /*
validate any changes or updates to this file by 
direct input on the W3C CSS Validation service
http://jigsaw.w3.org/css-validator/validator.html
and check colour contrast on foreground and background 
http://www.visionaustralia.org.au/info.aspx?page=1571
------------------------------------------------- */
	/* option1 is the main box for Corporate COMM use
option1 is used on main page of the www.tpsgc-pwgsc.gc.ca site
----------------------------------------------- */
.option1 {
	margin: 0 0 8px;
	padding: 26px 0 0;
	background: #ddb url(../../clf20/images/navimages/box1Top.png) top center
		no-repeat;
	width: 405px;
}

.option1 img {
	padding: 0 0 5px 8px;
}

.option1 h1,.option1 h2 { /* DT NOV 20 added h1 */
	background: url(../../clf20/images/navimages/h1arrow.png) center left
		no-repeat;
	margin-left: 20px;
	margin-top: 0;
	margin-bottom: 5px;
	padding-left: 25px;
	color: #885 /*DT modified sept 7 #555*/;
	font-size: 140%;
}

.option1 p {
	background: #ffe;
	border: 1px solid #369 /*DT modified sept 7 #264*/;
	border-top: none;
	margin: 0;
	padding: 5px;
}

/* 
Manadatory main1 is for the content area of 3 column home page 
------------------------------- */
.main1 {
	margin: 0 0 8px;
	padding-left: 8px;
	padding-right: 7px;
	padding-top: 8px;
	border: 1px solid #369 /*DT modified sept 7 #264*/;
	/* width: 200px;*/
}

/* Option2 & Option3 
DT: used classes so that the box options can be repeated multiple times
on the same page.
----------------------------------------------- */
.option2,.option3 {
	margin: 0 0 8px;
	padding-left: 8px;
	padding-right: 7px;
	border: 1px solid #069 /*DT modified sept 7 #264*/;
}

/* Option3
Only one heading to be used per box with option 3
----------------------------------------------- */
.option3 {
	padding: 0;
}

.option3 h2, 
.option3 h3, 
.option3 p.heading {
	background: #069 /*DT modified sept 7 #264*/;
	margin: 0;
	padding: 3px;
	font-size: 100%;
	color: white;
}

.option3 p {
	margin: 0;
	padding: 5px;
}

.option3 div {
	margin: 0;
	padding: 5px;
}

.option4 {
	margin: 0 0 8px;
	padding: 8px;
	border: 1px dashed #270 /*DT modified sept 7 #264*/;
	background: #DEA;
}

.option4 h2 h3 h4 h5 {
	margin-top: 0;
}

/* GENERAL CSS ENDS | FIN DU CSS GENERAL */
	/* below only used on the main www.tpsgc-pwgsc.gc.ca site */
.contentspacer {
	line-height: 3px;
}

div.maincontentborder {
	padding: 5px;
	border: solid #264 1px;
	min-width: 135px;
}

/* helps to center the image on the main content box */
#box1,#box2 {
	padding-left: 8px;
}

* html #box1,* html #box2 {
	padding-left: 8px;
}

#box3 {
	padding: 0;
	margin: 0;
}

.contentborder {
	padding: 5px;
	border: solid #264 1px;
	min-width: 135px;
}

.clearBoth {
	clear: both;
}

.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}

/* ---------------------------------------------------
CUSTOM CSS BASED ON CHANGE REQUESTS September 2008
 ---------------------------------------------------- */
	/* ---------- START HORIZONTAL LIST
Provides horizontal list navigation for 
documents, publications, reports or results 
that span more than one page. 
------------------------------------- */
ul.doc-navigation {
	border: 1px solid #069;
	margin-top: 0.3em;
	margin-bottom: 1.3em;
	padding: 5px;
	line-height: 1.7;
	text-align: center;
}

ul.doc-navigation li {
	display: inline;
	padding: 0 .2em;
	font-weight: bold;
}

/* ---------- Double-spaced List
--------------------------- */
ul.double-space,ol.double-space {
	padding-bottom: 0;
	margin-bottom: 0;
}

/* Apply a space after a list item */
ul.double-space li,ol.double-space li {
	padding-bottom: 1em;
}

/* Include a space at the top of the list */
ul.double-space ul,ol.double-space ol,ul.double-space ol,ol.double-space ul
	{
	padding-top: 1em;
}

/* Remove the extra spacing after the list */
ul.single-space,ol.single-space {
	margin-bottom: 0;
}

/* Remove the extra space after the list item. */
ul.single-space li,ol.single-space li {
	padding-bottom: 0;
}

/* ---------- Display DL as 2 Column 
----------------------------------- */
dl.two-column {
	margin: 0;
	padding: 0;
}

/* Common styles for left and right columns */
dl.two-column dt,dl.two-column dd {
	width: 60%;
	padding: 0.5em 0 1em 0;
	margin: 0;
	float: left;
	border-top: 1px dotted #ccc;
}

/* Styles specific to the left column for terms */
dl.two-column dt {
	width: 38%;
	font-weight: bold;
	padding-right: 2%;
}

dl.basic dt {
	font-weight: bold;
	margin-bottom: 1em;
}

dl.basic dd {
	margin-bottom: 1em;
}

/* ---------- Display OL for Search Results */

ol.search-results{
	list-style: none;
	padding-left: 4%;
}
ol.search-results li{
	padding: 3% 0 3% 0;
	border-top: 1px dotted silver;
}


/* ----- BASIC TABLE FORMAT 
-------------------------- */
table.basic {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1em;
}

table.basic caption {
	font-weight: bold;
	padding: 10px;
}

table.basic td,table.basic th {
	padding: 4px;
	border: 1px solid #000;
	vertical-align: top;
}

table.basic th {
	background: #DEA; 
	color: #000;
	text-align: center;
	vertical-align: middle;
}

/* A header with a row scope can use a different alignment. */
table.basic th.row {
	text-align: left;
	vertical-align: top;
}

/* ---------- MORE TABLE FORMATTING 
------------------------ */ /* Cell Highlight */
tr.highlight,td.highlight, tr.highlight th {
	background: #eee;
}

tr.no-highlight th, tr.no-highlight td {
	background:#fff;
}

tr.highlight th, tr.no-highlight th {
	text-align:left;
	font-weight: normal;	
}

/* Secondary Header for Basic Table */
	/* A secondary headers looks different to emphasize a different level of hierarchy */
table.basic th.secondary {
	background: #fff;
	color: #069;
}

/* Void Table Cell */
table tr td.void,table tr th.void {
	background: none;
	border-width: 0;
}

table.fixedWidth{
	table-layout:fixed;
	word-wrap:break-word;
}

/* ------------- ALTERNATE FORMAT 
FORMATS LINKS TO ALTERNATE FORMATS 
SUCH AS PDF, LWP, DOC, ETC... 
------------------------------------- */
.alternate-format {
	text-align: right;
	border-bottom: 1px solid #069;
	border-left: 1px solid #069;
	padding: 2px 0 10px 10px;
	margin: 0 0 10px 10px;
	float: right;
	font-size: 90%;
	font-weight: bold;
}

/* formats help link within alternate-format class */
.alternate-format a.help {
	font-size: 90%;
	font-weight: normal;
}

/* ---------------- DOC INFO 
USED FOR PUBLICATIONS ISBN-TYPE INFO 
AT THE BEGINNING OF A WEB PAGE 
--------------------------- */
div.doc-info {
	font-size: 90%;
	border: 1px solid #069;
	padding: 8px 8px 0 8px;
	margin-bottom: 1.4em;
}

div.doc-info p {
	margin: 0 0 1em 0;
}

/* ---------------- NOTICE 
Provides a CALLOUT design feature 
--------------------------------- */ /* FULL WIDTH CALLOUT */
div.notice,div.notice-left,div.notice-right {
	background: #DEA; /*EEC*/
	/* #CCDDEE contrast issue with link. #D0E1ED was not web smart  */
	padding: 2px 20px;
	margin-bottom: 1em;
}

/* CALLOUT Left float */
div.notice-left {
	width: 35%;
	float: left;
	margin-right: 1em;
}

/* CALLOUT Right float */
div.notice-right {
	width: 35%;
	float: right;
	margin-left: 1em;
}

/* sets callout font size color */
div.notice h2,div.notice-left h2,div.notice-right h2,div.notice h3,div.notice-left h3,div.notice-right h3,div.notice h4,div.notice-left h4,div.notice-right h4,div.notice h5,div.notice-left h5,div.notice-right h5,div.notice h6,div.notice-left h6,div.notice-right h6
	{
	font-size: 1em;
	/* 10pt; absolute fonts sizes are not permitted, use either em or % */
	color: #000;
	border-bottom: 1px solid #069;
	margin-top: 1em;
}

div.notice p,div.notice-left p,div.notice-right p {
	font-size: 1em;
	/* 10pt; absolute fonts sizes are not permitted, use either em or % */
	color: #000;
	margin-top: 1em;
}

/* ------------- CRITICAL MESSAGES
can be used for critical-type notices, 
announcements or error messages 
more than once on a page
------------------------------------ */
div.critical {
	padding: 2px 5px;
	margin-bottom: 1em;
	border: 3px solid #D00;
	text-align: center;
	font-weight: bold;
}

div.critical h2,div.critical h3,div.critical h4,div.critical h5,div.critical h6,div.critical p
	{
	color: #D00;
}

/* ------------------- HEADING SIZES -------------
CSS used to over-ride default heading sizes September 2008
Reduced Heading sizes, H1 and H2 were too similar
-------------------------------------------------- */
h1 {
	font-size: 160%;
}

h2 {
	font-size: 140%;
}

h3 {
	font-size: 125%;
}

h4 {
	font-size: 115%;
}

h5 {
	font-size: 110%;
}

h6 {
	font-size: 100%;
}

/* ------------------ OVERRIDDEN STYLES---- -----------
The styles below are all style that have been overridden
to achieve the Publications customized look and feel.
------------------------------------------------------- */

div.banner {
color:#FFF;
}

/*div.center h1{
	font-size: 160%;
	border-left: 5px solid #069;
	padding: 2px 3px;
	background-color: #99c;	
	border-bottom: 1px solid #069;
} */


/*********************************************************/
/******************* Left-menu styles ********************/
/*********************************************************/

/* Defines the border styles of the left-side menu h2 section headings. */
div.left h2.nav
{
	border-bottom: 1px solid #FFF;
}

/* Overides the background and link text colours of the left-side menu h2 section headings defined in the base-institution.css. */
div.left h2.nav, div.left h2.nav a:link, div.left h2.nav a:visited, div.left div.h2nav, div.left div.h2nav a:link, div.left div.h2nav a:visited, div.left p.h2nav, div.left p.h2nav a:link, div.left p.h2nav a:visited {
	background-color: #069;
	color: #FFF;
	text-decoration: none;
}

/* Overides on hover styles of the left-side menu h2 section headings link defined in the base-institution.css. */
div.left h2.nav a:hover, div.left h2.nav a:active, div.left h2.nav a:focus, div.left div.h2nav a:hover, div.left div.h2nav a:active, div.left div.h2nav a:focus, div.left p.h2nav a:hover, div.left p.h2nav a:active, div.left p.h2nav a:focus {
	text-decoration: underline;
}

/* Overides styles for left menu menucontent class defined in base.css */
div.left li.menucontent, div.left div.menucontent {
	border-bottom: 1px solid #FFF;
	background-color: #def;
	color: #000;
	padding: 0px;
	margin: 0px;
}

/* Overides the colours and padding of the left menu list items defined in the base-institution.css. */
div.left a.menulink {
	background-color: #def;
	color: #000;
	display:block;
	padding: 2px 3px 2px 3px;
}

/* Overides the 1st and 2nd level navigation unordered list styles defined in the base.css.*/
ul.nav, ul.nav2 {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/* Overides the 1st and 2nd level navigation margins and padding for list items defined in the base.css.*/
div.left ul.nav li, div.left ul.nav2 li {
	margin: 0px;
	padding: 0px;
}
/*** IE HACK ***/
* html div.left ul.nav2 li {
	\margin: 0px;
	\padding-top: 0px;
	\padding-right: 0px;
	\padding-bottom: 1px;
	\padding-left: 0px;
	m\argin: 0px;
	p\adding-top: 0px;
	p\adding-right: 0px;
	p\adding-bottom: 0px;
	p\adding-left: 0px;
}

/* Defines the left-border and text-decoration for links in 1st level left-menu list items */
div.left ul.nav a.menulink {
	border-left: 5px solid #ccc;
	text-decoration: none;
}

/* Defines the left-border and text-decoration on hover of links in 1st level left-menu list items */
div.left ul.nav a.menulink:hover,
div.left ul.nav a.menulink:active,
div.left ul.nav a.menulink:focus {
	border-left: 5px solid #069;
}

/* Defines the border styles of 2nd level left-side list items. */
div.left ul.nav2 li   {
	border-top: 1px solid #FFF;
}

/* Defines the left-border and text-decoration for links in 2nd level left-menu list items */
div.left ul.nav2 a.menulink {
	border-left: 5px solid #ccc;
	padding-left: 18px;
	text-decoration: none;
}

/* Defines the left-border and text-decoration on hover of links in 2nd level left-menu list items */
div.left ul.nav2 a.menulink:hover,
div.left ul.nav2 a.menulink:active,
div.left ul.nav2 a.menulink:focus {
	padding-left: 18px;
	border-left: 5px solid #069;
}

/* Defines the styles for the selected items left-menu item */
div.left ul.nav .selectedNode{
	background-color: #ddd; /*cef*/
	color: #000;
	text-decoration: none;
	display:block;
	padding: 2px 3px 2px 3px;
	border-left: 5px solid #069;
}

/* Defines the increased width of the left border for the selected item in 2nd level left-menu */
div.left ul.nav2 .selectedNode{
	border-left: 5px solid #069;
	padding-left: 18px;
}

/* Overides the background colour of the left menu proactive disclosure heading defined in the base-institution.css. */
div.prodis {
	background-color: #069;
}

/************************************************/
/******** Right-menu list items styles **********/
/************************************************/

/* Overides the background and link text colours of the right-side menu h2 section headings defined in the base-institution.css. */
div.right h2.nav, div.right h2.nav a:link, div.right h2.nav a:visited, div.right div.h2nav, div.right div.h2nav a:link, div.right div.h2nav a:visited, div.right p.h2nav, div.right p.h2nav a:link, div.right p.h2nav a:visited {
	background-color: #270;
	color: #FFF;
	text-decoration: none;
}

/* Overides on hover styles of the right-side menu h2 section headings link defined in the base-institution.css. */
div.right h2.nav a:hover, div.right h2.nav a:active, div.right h2.nav a:focus, div.right div.h2nav a:hover, div.right div.h2nav a:active, div.right div.h2nav a:focus, div.right p.h2nav a:hover, div.right p.h2nav a:active, div.right p.h2nav a:focus {
	text-decoration: underline;
}

/* Overides the border styles of the rigth-menu unordered list defined in the base-institution.css. */ 
div.right li ul.nav, div.right li p.nav, div.right li div.nav {
	border: 1px solid #270;
}


/* Overides the colour styles of the right-menu menucontent class defined in the base-institution.css. */
div.right li.menucontent, div.right div.menucontent {
	color: #000;
	background-color: #EEF3E0;
	/*border-top: 1px solid #270;*/
}

/* Overides the colour styles of the right-menu list item links defined in the base-institution.css. */
div.right a.menulink {
	color: #000;
	background-color: #EEF3E0;
}

/************************************************/
/*********** Other overriden styles *************/
/************************************************/

/* Overides the font size of the h1 on the splash page defined in the wp-pa-instituion.css. */
div.msgareaalt h1{
	font-size: 140%;
}

/* Overides the position of the h1 on the splash page defined in the wp-pa-instituion.css. */
div.msgareaalt h1 {
	padding-top: 120px;
}

/* Overides the background colour of the footer bar defined in the base-institution.css. */
div.footer div.footerline {
	background-color: #069;
}

/* Overides the colour of the content area border defined in the base-institution.css. */
div.blackborder {
	border: solid 1px #069;
}

/* Overides the default colour of the heading elements (h1, h2, h3, h4, h5  and h6) defined in the base-institution.css. */
div.center h1,h2,h3,h4,h5,h6 {
	color: #000;
}

/* Overrides the default banner background and text colour defined in the base-institution.css. */
div.banner {
	color: #FFF;
	background-color: #069;
}

/* Overides the regular and visited coulour of links in the content area defined in the base-institution.css. */
div.center a:link,div.center a:visited {
	color: #039;
}

/* Overides the on hover colour of links in the content area defined in the base-institution.css. */
div.center a:hover {
      color: #C00;
}

/* Overides the regular and visited coulour of links in the footer defined in the base-institution.css. */
div.footer a:link,div.footer a:visited,div.center div.footer a:link,div.center div.footer a:visited,div.center div.topPage a:link,div.center div.topPage a:visited,div.center p.topPage a:link,div.center p.topPage a:visited
	{
	color: #039;
	background-color: #FFF;
}

/* Overides the regular and visited coulour of links in the footer defined in the base-institution.css. */
div.footer a:hover, div.center div.footer a:hover, div.center div.topPage a:hover, div.center p.topPage a:hover
	{
	color: #C00;
}

/* Overides the on hover colour of footer links defined in the base-institution.css. */
p.breadcrumb a:link,p.breadcrumb a:visited {
	color: #000;
}
/* Overides the on hover colour of breadcrumb links defined in the base-institution.css. */
p.breadcrumb a:hover {
	color: #C00;
}

div.formFlowNav {
	height: 4em;
}

div.formFlowNav ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.formFlowNav ol li {
	min-height: 2.5em;
	float: left;
	border: 1px solid #000;
	margin-right: 2px;
	padding: 2px;
	background-color: #DEA;
	text-align: center;
	font-weight: bold;
	color: #000; /*443*/
}

div.formFlowNav ol.four li {
	width: 23.4%;
}

div.formFlowNav ol.five li {
	width: 18.4%;
}

ol.noNumbering {
	list-style-type: none;
}

.dropDownListSeperator {
	border-bottom: 1px solid silver;
}

/* WCAG
label,legend {
	color: #000;
	font-weight: bold;
}


.label {
	color: #000;
	font-weight: bold;
}*/


label {
	display: block;
}

.inlineCheckbox label {
	display: inline;
}

.labelFieldGroup,.fieldSetGroup {
	vertical-align: top;
	margin-bottom: 10px;
}

.required {
	font-weight: normal;
	color: #A00;
	background-color: transparent;
}

/* ------------- FORM ERROR HANDLING STYLES ---------------- */
/* WCAG------------------------ 
Error class used for input form fields
Uses class=, can be used more than once on a page
------------------------- 
.inputError {
	color: #FFF;
	background-color: #D00;
}*/

/* WCAG------------------------ 
Error class used for displaying an error message associated to an input form field
Uses class=, can be used more than once on a page
------------------------- 
.errorMessage {
	color: #C00;
	font-weight: bold;
}*/

/* WCAG------------- CRITICAL MESSAGES
Error class used for displaying a list of error message associated to input form fields
Uses id=, can only be used once on a page
------------------------------------
#errorMessages {
	padding: 0px 5px;
	margin-bottom: 1em;
	border: 2px solid #D00;
	font-weight: bold;
	background: #EEC;
}*/

#informationMessages {
	padding: 0px 5px;
	margin-bottom: 1em;
	border: 2px solid #0D0;
	font-weight: bold;
	background: #EEC;
	text-align: center;
}

/* WCAG
#errorMessages h2,#errorMessages h3,#errorMessages h4,#errorMessages h5,#errorMessages h6
	{
	color: #C00;
	border-bottom: 1px solid #D00;
}*/

/* WCAG
#errorMessages li {
	list-style-image: url(../images/error.gif);
	color: #C00;
	margin-bottom: 0.6em;
}*/

.f {
	background-image: url(../../images/lfflblt.gif);
	background-position: 3px 5px;
	background-repeat: no-repeat;
	padding-left: 18px;
}

/* Option2 & Option3 
DT: used classes so that the box options can be repeated multiple times
on the same page.
----------------------------------------------- */
.formSummary {
	margin: 0 0 8px;
	padding: 5px;
	border: 1px solid #663 /*DT modified sept 7 #264*/;
}

/* Option3
Only one heading to be used per box with option 3
----------------------------------------------- */
.option3 {
	padding: 0;
}

.formSummary h2 {
	border-bottom: 1px solid #885;
	margin-bottom: 1em;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 100%;
}

.option3 p {
	margin: 0;
	padding: 5px;
}


@media print {
	.print {
		display: inline;
	}
	.noprint {
		display: none;
	}
}

@media screen {
	.print {
		display: none;
	}
}

div.row {
	float: left;
	margin: 0;
	padding: 0;
	width: 98.5%;
}

div.cols2 {
	float: left;
	width: 49%;
	margin: 0 3px 0 0;
	padding: 0;
}

div.cols3 {
	float: left;
	width: 32%;
	margin: 0 3px 0 0;
	padding: 0;
}

div.cols4 {
	float: left;
	width: 24%;
	margin: 0 3px 0 0;
	padding: 0;
}

div.col20 {
	float: left;
	width: 19%;
	margin: 0 3px 0 0;
	padding: 0;
}

div.col25 {
	float: left;
	width: 24%;
	margin: 0 3px 0 0;
	padding: 0;
}

div.col30 {
	float: left;
	width: 29%;
	margin: 0 3px 0 0;
	padding: 0;
}

div.col35 {
	float: left;
	width: 34%;
	margin: 0 3px 0 0;
	padding: 0;
}

div.col40 {
	float: left;
	width: 39%;
	margin: 0 3px 0 0;
	padding: 0;
}

div.col45 {
	float: left;
	width: 44%;
	margin: 0 3px 0 0;
	padding: 0;
}

div.col50 {
	float: left;
	width: 49%;
	margin: 0 3px 0 0;
	padding: 0;
}

div.col55 {
	float: left;
	width: 54%;
	margin: 0 3px 0 0;
	padding: 0;
}

div.col60 {
	float: left;
	width: 59%;
	margin: 0 3px 0 0;
	padding: 0;
}

div.col65 {
	float: left;
	width: 64%;
	margin: 0 3px 0 0;
	padding: 0;
}

div.col70 {
	float: left;
	width: 69%;
	margin: 0 3px 0 0;
	padding: 0;
}

div.col75 {
	float: left;
	width: 74%;
	margin: 0 3px 0 0;
	padding: 0;
}

div.col80 {
	float: left;
	width: 79%;
	margin: 0 3px 0 0;
	padding: 0;
}

h2.sectionHeading,h3.sectionHeading {
	padding: 2px 3px;
	background-color: #DEA;
}

.invisible {
	display: none;
}

div.shoppingCart {
	float: right;
	text-align: center;
	width: 30%;
}

div.shoppingCart fieldset {
	border: 1px solid black; 
	padding: 5px;
}

div.shoppingCart fieldset legend {
	color: black;
}

label.inline{
	display: inline;
}

.single-space {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.bold {
	font-weight: bold;
}

#subtitle {
	font-weight: bold;
	font-style: italic;
	margin-bottom: 1em;
}

#cover-image {
	margin-bottom: 1em;
}

#abstract {
	margin-bottom: 1em;
}

#publinks {
	margin-bottom: 1em;
}

#sessionLinks {
	margin-bottom: 0.5em;
	text-align: right;
}
#sessionLinks p{
	margin: 0;
	padding: 0;
}

/*** Weekly Checklist ***/
.wcl {
	background-color: #FDE;
}

#issueDesignation{
	font-weight: bold;
}

.wcl a {
	color: Black ! important;
}

.blueLink a {
	color: blue ! important;
}

div.wclPub * .heading,div.wclPub * .title,div.wclPub * .orderItemNumber,div.wclPub * .systemReq,div.wclPub * .mainTitle,div.wclPub * .seriesTitle,div.committeeTitle .subTitle,div.masterCommitteePub .committeeTitle,div.masterCommitteePub .committeeHeading
	{
	font-weight: bold;
}

div.wclPub {
	margin-bottom: 2.6em;
	padding: 10px;
	border: 1px solid #000;
	background: #FDE;
	word-wrap:break-word;
}

div.wclPub * .additionalTitle,div.wclPub * .abstract,div.wclPub * .generalNote,div.wclPub * .systemReq,div.wclPub * .url,div.wclPub * .cip,div.wclPub * .price,div.wclPub * .isbn,div.wclPub * .catalogueNumber
	{
	margin-top: 1.3em;
}

div.wclPub * .heading,div.wclPub * .additionalHeading,div.wclPub * .masterCommitteePub,div.wclPub * .masterPeriodicalPub,div.wclPub * .masterSeriesPub
	{
	margin-bottom: 1.3em;
}

div.wclPub * .date{
	white-space: normal;
}

/***********************    
    *  margin:25px 50px 75px 100px;
          o top margin is 25px
          o right margin is 50px
          o bottom margin is 75px
          o left margin is 100px

    * margin:25px 50px 75px;
          o top margin is 25px
          o right and left margins are 50px
          o bottom margin is 75px

    * margin:25px 50px;
          o top and bottom margins are 25px
          o right and left margins are 50px

    * margin:25px;
          o all four margins are 25px
*************************************/
	/*** Shopping Cart & Checkout Page Classes ***/
.subTotal {
	border-top: 1px solid black;
	font-weight: bold;
}

.grandTotal {
	border-top: 1px solid black;
	border-bottom: 3px double black;
	font-weight: bold;
}

.staticContent{
	/*padding: 15px;*/
	border: 1em double red;
	background: #f99;
}

input.buttonNoPadding {
	padding: 0 .3em 0 .3em;
	width: auto;
	overflow: visible;
}

.hidden{
	display: none;
}

div.shoppingCartItems ul{
	list-style: none;
	padding: 0%;
}

div.shoppingCartItems div.row{
	border-top: 1px dotted black;
	padding: 15px 0 15px 0;
}

div.shoppingCartItems div.lastItem{
	border-bottom: 1px dotted black;
	margin-bottom: 10px;
}

.noIndent{
	padding-left: 0px;
	margin-left: 0px;
}

.inside{
	list-style-position:inside;
}

.noMarginTop{
	margin-top: 0px;
}

.noMarginBottom{
	margin-bottom: 0px;
}

.noMarginLeft{
	margin-left: 0px;
}

.noMarginRight{
	margin-right: 0px;
}

.dottedBox {
	margin-bottom: 15px;
	padding: 8px;
	border: 1px dotted #000;
}

/* sets callout font size color */
td.headingCell h2, td.headingCell h3, td.headingCell h4, td.headingCell h5, td.headingCell h6{
	font-size: 125%;
	/* 10pt; absolute fonts sizes are not permitted, use either em or % */
	color: #000;
	border-bottom: 1px solid #000;
	margin-top: 0.3em;
}