/***** general class definitions *****/

.error {
	float: left;
	clear: both;
	margin-top: 15px;
	color: red;
}

.uline {
	text-decoration: underline;
}

.bold {
	font-weight: bold;
}

.highlighted {
	font-weight: bold;
}

.bulleted {
	list-style: none;
}

.bulleted li {
	list-style:none; /* Firefox needs this on the li not the ul */
	background: white url(../images/cie/grad_30px.gif) repeat-x scroll center bottom;
}

.module {
	margin: 0 0 10px 0;
	padding: 0;
	color: #000;
	background: #F0F3F8;
	border: 1px solid #A1AEC1;
	overflow: auto; /* provide a scrolls bar in the modules rather than blowing the layout */
}

/* IE6 */
* html #column1 dl {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A1AEC1;
}

/* IE6 */
* html h1.moduleHeader {
	padding-bottom:1em;
}

.moduleHeader,
.relatedArticleHeader {
	font-size: 0.8em;
	font-weight: bold;
	margin: 0;
	padding: 2px 5px 2px 5px;
	background: #A1AEC1;
	color: #fff;
}

.moduleContent li {
	padding: 5px;
}

.moduleContent a {
	text-decoration: none;
}

.moduleContent a:hover {
	text-decoration: underline;
}

/***** topicTreeModule *****/

#topicTreeModule dl,
#topicTreeModule dt,
#topicTreeModule dd {
	margin: 0px;
}

#topicTreeModule dd {
	margin-left: 20px;
}

#topicTreeModule .expand,
#topicTreeModule .collapse {
	cursor: pointer;
	/* cursor: hand; /* IE5 */
}

/***** sideLinksModule *****/

#sideLinksModule label {
	float: left;
	clear: both;
}

#sidelinksAnchors {
	clear: both;
}

#sideLinksModule select {
	float: right;
}

#sidelinksAnchors {
	clear: both;
}

.navigateClass {
	margin-right: 15px;
}

/*******************************/

#articleappearance_jsp h1 span {
	white-space: normal;
}

.printOutsideOfArticle {
	float: right;
}

.emailOutsideOfArticle {
	float: right;
}

.printArticleAtBottom {
	padding: 0 20px 0 0;
	margin: 0;
	border: none;
	background: white url(../images/cie/print_icon.gif) no-repeat scroll right center;
}

a.emailArticleAtBottom {
	padding: 0 20px 0 0;
	margin: 0;
	border: none;
	background: white url(../images/cie/email_icon.gif) no-repeat scroll right center;
}

a.favouriteArticleAtBottom {
	padding: 0 20px 0 0;
	margin: 0;
	border: none;
	background: white url(../images/cie/favourites_icon.gif) no-repeat scroll right center;
}

/*******************************/

.printArticleContainer {
	width: 800px; /* approx for margined A4, will be repaginated for printing anyway */
	text-align: left; /* as body is centered */
}

/***** topicBreadcrumb and subtopic list *****/

#bannersubnav.topicBreadcrumb {
	background-color: #EDF6FB;
	font-weight: normal;
	line-height: 2em;
	white-space: nowrap;
	border-bottom:1px dotted #BECADA;
}

.breadcrumbStart {
	margin-left: 12px;
}
	
.topicBreadcrumb li {
	color: black;
	display: inline;
}

.topicBreadcrumb a {
	color: black;
	text-decoration: none;
}

.topicBreadcrumb a:hover {
	color: black;
	text-decoration: underline;
}

/***** CIE specifics *****/

a.ciehelpactiveon { font-weight: bold; background: #525A6D; color: #fff; }

/* reset the recursive/cumulative font-size style from styles.css in the centre columns...
#column1 p, #column1 ul, #column1 ol, #column1 dl, #column1 blockquote,
#column2 p, #column2 ul, #column2 ol, #column2 dl, #column2 blockquote,
#maincontent p, #maincontent ul, #maincontent ol, #maincontent dl, #maincontent blockquote { font-size: 1em; padding: 0px; }
/**/

.articleContent p, .articleContent ul, .articleContent ol, .articleContent dl, .articleContent blockquote { font-size: 1em; }
.articleContent ul, .articleContent ol, .articleContent dl, .articleContent blockquote { padding-left: 40px; }

.articleContent {
	font-family: Arial!important;
	overflow: auto;
}

.articleContent, .articleDescription { font-size: 0.8em; }
.articleAttribValue { font-size: 0.8em; }

.moduleContent ul, .moduleContent dl { padding: 0; }

h1.moduleHeader { color: black; background-color: white; font-size: 110%; margin-bottom: 10px; padding: 4px; }

#startpageModule { border: none; background: none; }
#startpageModule .welcomeMessage { font-size: 0.8em; margin-top: 8px; }

#searchModule h2 { margin: 5px; color: black; background-color: transparent; }
#searchModule label { display: none; }
#searchModule #searchControlDiv { margin: 0 10px; text-align: right; }
#searchModule input { width: 170px; }
#searchModule button { margin: 5px 0; }

#startpageModule.module { margin: 0; }
#startpageModule #searchModule { width: 326px; background: #F0F3F8 url(../images/cie/call_centre_operator.jpg) no-repeat scroll right top; }
#startpageModule #searchModule h2 { display: none; }
#startpageModule #searchModule label { display: block; margin: 10px 10px 10px 10px; font-size: 0.8em; font-weight: bold; }
#startpageModule #searchModule #searchControlDiv { margin: 0 90px 0 5px; text-align: right; }
#startpageModule #searchModule input { margin: 0; width: 220px; }
#startpageModule #searchModule button  { margin: 5px 0; }

#startpageModule #searchModule { margin: 0; }
#startpageModule #searchModuleShadow { float: right; padding: 0 4px 4px 0; background: transparent url(../images/cie/search_border.gif) no-repeat scroll bottom right; margin: 0 0 10px 0; }

#searchResultsSearchModule #searchModule { margin: 0 0 10px 0; background: #F0F3F8 url(../images/cie/call_centre_operator.jpg) no-repeat scroll right top; }
#searchResultsSearchModule #searchModule h2 { display: none; }
#searchResultsSearchModule #searchModule label { display: block; margin: 10px; font-size: 0.8em; font-weight: bold; }
#searchResultsSearchModule #searchModule #searchControlDiv { margin: 0 90px 0 0; text-align: right; }
#searchResultsSearchModule #searchModule input { margin: 0; width: 438px; }
#searchResultsSearchModule #searchModule button  { margin: 5px 0; }









.searchNormal { display: none; }

#dFaqModule li { border-bottom:1px dotted #BECADA; }
#dFaqModule li:last-child { border-bottom: none; }
#dFaqModule a { color: black; }
#dFaqModule a.dFaqMore { color: #267CC0; }

#hotTopicsModule .moduleContent table { margin: 0 auto; text-align: center; }
#hotTopicsModule .moduleContent tr { vertical-align: top; }
#hotTopicsModule td { width: 135px; padding: 5px; }
#hotTopicsModule *.moduleContent { background: white url(../images/cie/grad_100px.gif) repeat-x scroll center bottom; font-size: 0.8em; }
#hotTopicsModule img { margin: auto; border: 1px solid gray; }


#usefulItemsModuleContainer0 { float: left; width: 268px; }
#usefulItemsModuleContainer1 { float: right; width: 268px; }
#startpageModule #usefulItems .bulleted li { border-bottom:1px dotted #BECADA; }
#startpageModule #usefulItems .bulleted li:last-child { border-bottom: none; }

#contactUsModule { padding: 5px; }
#contactUsModule h2 { display: none; }
#contactUsModule p { padding: 0 0 0.4em; }
#contactUsModule img { float: left; margin-right: 5px; }

#contactUs { font-weight: bold; }
#emailUs { color: red; }
#emailUs a { color: red; text-decoration: underline; }
#phoneUs { font-weight: bold; }
#findUsArticle a { text-decoration: underline; }
#findUsTopic a { text-decoration: underline; }

#topicTreeModule *.moduleContent { }
#topicTreeModule img.folder,
#topicTreeModule img.openfolder { position: relative; top: -3px; }
#topicTreeModule dt { padding: 5px; }

#topicTreeModule span, #topicTreeModule dd, #expandAll, #collapseAll { display: none !important; }
#topicTreeModule a { color: black; margin: 0 !important; }
#topicTreeModule * { float: none !important; }
#topicTreeModule dl { background: white !important; }
#topicTreeModule dt { border-top: 1px solid #A1AEC1; }

.articleAttributeHeader { display: none; }
#articleTable tr { border-bottom:1px dotted #BECADA; }

.ArticleListPageTitle {
	margin-top: 10px;
	font-weight: bold;
}

#suggestedArticleListMsgRow,
.ArticleListMsgRow { font-size:0.8em; }
.ArticleListMsgRow { margin-bottom: 10px; }

#articleList a,
#suggestedArticles a,
#subTopicList a { text-decoration: none; }

#articleList a:hover,
#suggestedArticles a:hover,
#subTopicList a:hover { text-decoration: underline; color:#267CC0; }

#articleList li,
#subTopicList li,
#subTopicsModule li,
#myFavouritesList li,
#RelatedArticles li,
#suggestedArticles li {
	/*
	list-style-image: url(../images/cie/document_icon.gif);
	list-style-position: inside;
	not good in IE
	*/
	background: transparent url(../images/cie/document_icon.gif) no-repeat scroll left center;
	padding: 7px 0 7px 18px;
	border-bottom: 1px dotted #A1AEC1;
	list-style: none;
}

/* IE6 */
* html #articleList li,
* html #subTopicList li,
* html #subTopicsModule li,
* html #myFavouritesList li,
* html #RelatedArticles li,
* html #suggestedArticles li {
	border-bottom: 1px solid #E2E4E8;
}

#RelatedArticles li {
	background-position: 10px center;
	padding-left: 25px;
}

#subTopicList li {
	/*
	list-style-image: url(../images/cie/folder_icon.gif);
	not good in IE
	*/
	background: transparent url(../images/cie/folder_icon.gif) no-repeat scroll left center;
}

#articleList li:last-child,
#subTopicList li:last-child,
#myFavouritesList li:last-child,
#RelatedArticles li:last-child,
#suggestedArticles li:last-child {
	border-bottom: none;
}

.feedbackTable img {
	cursor: pointer;
	/* cursor: hand; /* IE5 */
}

.ArticleFooter {
	border-bottom:1px solid #A1AEC1;
	border-top:1px solid #A1AEC1;
	background: white !important;
	margin-bottom: 10px;
	line-height: 2em;
	padding: 0 !important;
}

.ArticleFooter .feedbackQuestion { float: left; font-size: 0.8em; }

.ArticleFooter .preSelectedRating,
.ArticleFooter .selectedRating,
.ArticleFooter .unselectedRating { float: left; width: 20px; height: 20px; margin-top: 4px; }
.ArticleFooter .preSelectedRating { background: white url(../images/cie/preSelectedRating.gif) no-repeat scroll center center; }
.ArticleFooter .selectedRating {    background: white url(../images/cie/selectedRating.gif)    no-repeat scroll center center; }
.ArticleFooter .unselectedRating {  background: white url(../images/cie/unselectedRating.gif)  no-repeat scroll center center; }

.ArticleFooter button { float: left; margin: 4px; line-height: 1.2em; }

.ArticleFooter #articleOptions { font-size: 0.8em; display: block; clear: left; }

.ArticleFooter #articleOptions li { margin: 0; padding: 0 0 0 5px; }

#feedbackRating { float: left; }

#feedbackRating h2 { display: none; }

.feedbackInstruction { display: none; }

.articleAttribValue { margin-bottom: 10px; }

#RelatedArticles {
	padding: 0 !important; 
	border: 1px solid #A1AEC1;
}

.selectedTreeNode {
	background: white url(../images/cie/grad_30px.gif) repeat-x scroll center bottom;
	font-weight: bold;
}

#myInfoModule a { color: black; margin: 0 !important; }
#myInfoModule li {
	border-top: 1px solid #A1AEC1;
	/*
	list-style-image:url(../images/cie/red_arrow.gif);
	list-style-position:inside;
	not good in IE
	*/
	background: white url(../images/cie/red_arrow.gif) no-repeat scroll 8px center;
	padding-left: 20px;
}

#articleList .moduleHeader,
#subTopicList .moduleHeader {
	font-size: 0.8em;
	font-weight: bold;
	margin: 0;
	padding: 2px 0;
	background: #F0F1F6;
	color: #4E5B6D;
}

#browsetopic_jsp #articleList .moduleHeader { }
#browsetopic_jsp #articleListMsgRow { font-size:0.8em; text-align: left; margin: 5px 0; }
#searchresultsappearance_jsp #articleListMsgRow { font-size:0.8em; margin-bottom: 5px; }

#articlePagination { font-size: 0.8em; }
.currentPage { color: red; }
.firstPage { display: none; }
.lastPage { display: none; }
.searchText,
.spellSuggestionsPrompt { font-size: 0.8em; display: block; margin: 10px; width: 450px; }


#emailArticleForm ul,
#suggestionsForm,
#escalation OL {
	/* margin: 0 60px 0 0; /* efefefefeth */
	list-style: none;
}

#emailArticleForm li,
#suggestionsForm li,
#escalation li {
	list-style: none;
	background: none;
	margin: 0;
	padding: 5px 0;
}

#suggestionsForm label,
#emailArticleForm label,
#escalation label {
	font-weight: bold;
	width: 220px;
	display: inline-block;
}

#emailArticleForm input[type=text],
#suggestionsForm input[type=text],
#escalation input[type=text] {
	width: 240px;
}

* html #emailArticleForm input, /* IE6 can't do attribute selectors */
* html #suggestionsForm input,
* html #escalation input {
	width: 240px;
}

#emailArticleForm input.radio,
#suggestionsForm input.radio,
#escalation input.radio {
	width: 15px;
}

#emailArticleForm select,
#suggestionsForm select,
#escalation select {
	width: 245px;
	display: inline-block;
}

#emailArticleForm textarea,
#suggestionsForm textarea,
#escalation textarea {
	margin: 10px 0 0 0;
	padding: 0;
	width: 463px;
}

#escalation .attachment {
}

#escalation .attachment label {
	width: 227px;
}

#escalation .attachment span {
	margin-left: 15px;
}

#escalation .attachmentCommands {
	margin-left: 280px;
}

#escalation #escalate,
#escalation #reset {
}

/* #messageItem label { padding: 10px 0; } */

.mandatoryFields { color: red; }

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

#articlePagination { margin-bottom: 10px; }

/* debug
li { border: 1px solid blue; margin: -1px; }
div { border: 1px solid red;}
label { border: 1px solid green; margin: -1px; }
*/

#myFavouritesModule {
	position:absolute;
	width:500px;
	margin:0 auto;
	top:100px;
	left:0;
	right:0;
	background:white;
	border:1px solid black;
	z-index:1;
	text-align:left;
}

#myFavouritesModule h1 {
	border:none;
	min-height:0;
	padding:10px;
	margin-bottom:0;
}

* html #myFavouritesModule h1 { // IE6
	padding:0;
	height:0;
}

#myFavouritesModule .moduleContent {
	padding:0 10px 10px 10px;
}

#articleList ul,
#subTopicList ul,
#RelatedArticles ul,
#myFavouritesModule ul,
.articleAttachment ul {
		list-style:none;
}

h1 {
	min-height:47px;
	height:auto !important;
	height:47px; /* for Internet Explorer */
}

#fwStaticBuff { display:none; }