* {
	margin: 0;
	padding: 0;
}

ol {
	margin: 1em 2em;
}

li a { /* prevent focus causing scrollbars */
	margin: 1px;
}

html {
	height: 100%;
    min-height: 100%;
}

body {
	font: 10pt arial, helvetica, verdana, sans-serif;
	color: #444444;

	margin: 0;
	padding: 0;
	height: 100%;
	min-height: 100%;
	background-color:#F3F3F3 !important;
}


/* Structure so that the footer sticks to the bottom -  http://ryanfait.com/sticky-footer/ */
#wrapper {
	min-height: 100%;
	/* height: auto !important; */
	height: 100%;
	margin: 0 auto -32px; /* the bottom margin is the negative value of the footer's height (including padding) */
}

#wrapper #content{
/*
	min-height: 100%;
	height: auto !important;
	height: 100%;
*/
	margin-bottom:50px !important;	
	
}

.push {
	height: 32px; /* .push must be the same height as .footer (including padding) */
}

#footer {
	padding: 7px 0;
	height: 18px;
}

/* Headings & Paragraphs */
h1 {
/*
	font: normal arial black;
	font-size: 150%;
	color: #2c2c2c;
	margin: 0;
	margin-bottom: 5px;
	text-transform: capitalize;
*/
}

h1.moduleHeader  {
	padding: 5px 0;
}

h2 {
	font: normal arial black;
	color: #444;
	font-size: 130%;
	margin: 0;
}

p {
	margin: 15px 0;
}

img,
fieldset {
	border: none;
}

ul li {
	list-style-type: none;
}

a {
	color: #0099d5;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

button {
	cursor: pointer;
}

.clear {
	clear: both;
}

.hide {
	display: none;
}

.error {
	background-color: #FFC;
	border: 2px solid #F90;
	text-align: center;
	width: 95%;
	padding: 5px;
	display: block;
}

/* used by getResourceString() to replace <u> tags in L10N properties */
.uline {
	text-decoration: underline;
}

.visualClear {
	display: block;
	clear: both;
}

.mandatoryField {
	color: #FF0000;
}

.moduleContent {
	//overflow: auto;
}

/* Misc Common Tags */
button {
    -moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
    background: #377c9d url('images/bluebtn.gif') repeat;
    border: 1px solid #377c9d;
    color: #FFFFFF;
    cursor: pointer;
    font: bold 11px Arial,Helvetica,sans-serif;
    padding: 2px 4px;
	margin-right: 5px;
}

button[disabled] {
	color: #222;
	border: #999;
}


/* Contained with for Header + Body */
body,
.wrap {
	/* min-width: 960px; */
}

.wrap {
	max-width: 1200px;
	width: 80%;
	margin: 0 auto;
}

/* Header */
#header {
/*
	width: 100%;
	height: 80px;
	background: url('../images/top_bg.gif') repeat;
	color: white;
	border-bottom: 1px #666 solid;
	font-size: 8pt;
*/
}

#header a {
	color: white;
}

#logo {
	float: left;
}

body.rtl #logo {
	float: right;
}

#header #topButtons { /*width: 120px;*/
/*
	float: right;
	color: white;
	position: relative;
	height: 80px;
*/
}

#header #topButtons div#topUserLogout {
/*
	position: absolute;
	white-space: nowrap;
	right: 0;
	top: 2px;
*/
}

#header #topButtons div#defaultTopButtons {
	position: absolute;
	bottom: 1px;
	right: 0;
	min-width: 130px;
}

#header #topButtons button {
	margin: 4px;
	border: none;
	height: 16px;
	padding-left: 18px;
	color: #fff;
	font-size: 8pt;
}

#footer {
	background: #35759b;
	padding: 7px 0;
	text-align: center;
	color: white;
	height: 18px;
	font-size: 9pt;
}

#footer a {
	color: white;
}

#articleList .dataObjectListCount{
	margin-top: 6px;
}

#searchResults .articleListEntry,
#searchResults .topicListEntry,
#topicBreadcrumb ul.topicBreadcrumb {
	/* border-bottom: 1px dotted #999; */
}

#searchResults .dataObjectListCount {
	border: 0;
}

#breadCrumbHome {
	float: left;
}

#breadCrumbHome span {
	padding: 0 3px;
}


#topicBreadcrumb,
.dataObjectListdataObjectList {
	font-size: 8pt;
}

#topicBreadcrumb ul.topicBreadcrumb {
	margin: 0;
	padding-bottom: 3px;
}

.topicBreadcrumb li {
	display: inline;
}

#subTopicList {
	display: none;
}

#advancedSearchModule td {
	vertical-align: top;
}

#advancedSearchModule #searchTopic {
	width: 95%;
}

#advancedSearchModule #searchSubtopic {
	width: 95%;
}

#advancedSearchModule .andOr {
	width: 50px;
}

#advancedSearchModule .ButtonClass {
	margin-top: 15px;
}


#searchResultsOptions {
	float: right;
	margin: 3px 0 0;
	font-size: 8pt;
}

body.rtl #searchResultsOptions {
	float: left;
}

#searchResultsOptions select {
	font-size: 8pt;
	width: 120px;
	padding: 2px;
}

#searchResults h2 {

	padding-bottom: 3px;
}




#quickLinksModule li,
#communityModule li,
#myStuffModule li,
#contactUsModule li {
	padding: 5px 0 5px 22px;
	background-repeat: no-repeat;
	background-position: center left;
}

body.rtl #quickLinksModule li,
body.rtl #communityModule li,
body.rtl #myStuffModule li,
body.rtl #contactUsModule li {
	padding: 5px 22px 5px 0;
	background-position: center right;
}

li#quickStartPageItem {
	display: none;
	background-image: url("./images/icons/quick_links/icon_home.gif");
}

li#quickLogOutItem {
	background-image: url("./images/icons/quick_links/icon_logout.gif");
}

li#quickBrowseFaqsItem {
	background-image: url("./images/icons/quick_links/icon_browse_faqs.gif");
}

li#quickMakeSuggestionsItem {
	background-image: url("./images/icons/quick_links/icon_make_suggestion.gif");
}

li.quickUsefulItemList {
	background-image: url("./images/icons/quick_links/icon_useful_item_list.gif");
}

li#quickGuidedHelpItem {
	background-image: url("./images/icons/quick_links/icon_guided_help.gif");
}

li#myStuffMyCaseAndActivity {
	background-image: url("./images/icons/my_portal/icon_my_cases.gif");
}

li#myStuffMyProfile {
	background-image: url("./images/icons/my_portal/icon_my_profile.gif");
}

li#myStuffMyFavorites {
	background-image: url("./images/icons/my_portal/icon_my_favorites.gif");
}

li#myStuffMySuggestions {
	background-image: url("./images/icons/my_portal/icon_my_suggestions_2.gif");
}

li#myStuffSelectTheme {
	background-image: url("./images/icons/my_portal/icon_select_theme.gif");
}

li#communityWhatsNew {
	background-image: url("./images/icons/community/icon_community_whats_new_2.gif");
}

li#communityHotTopics {
	background-image: url("./images/icons/community/icon_community_hot_topics.gif");
}

li#communityTopPosters {
	background-image: url("./images/icons/community/icon_community_top_posters.gif");
}

li#contactUsEmail {
	background-image: url("./images/icons/contact_us/icon_contact_email.gif");
}

li#contactUsChat {
	background-image: url("./images/icons/contact_us/icon_contact_chat.gif");
}

li#contactUsCall {
	background-image: url("./images/icons/contact_us/icon_contact_call.gif");
}

#advancedSearchModule .andOr {
	width: 55px;
}

/* Browse Topic #topicSearch */
#browsetopic_jsp #mainContent {
	position: relative;
	padding-top: 5px;
}

/* Note we can't use the same styling the main search uses because of IE7 float bugs */
#topicSearch {
	position: absolute;
	top: 8px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #888 !important;
	}

body.ltr #topicSearch {
	right: 0;
}

body.rtl #topicSearch {
	left: 0;
}

#topicSearch input {
	width: 120px;
	color: #666666;
	border: 0;
	margin: 2px 1px 2px 4px;
	font: normal 8pt Arial;
	height: 17px;
	margin: 1px;
}

#topicSearch button {
	border: 0;
	padding: 2px;
	margin-right: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

/* IE7 fix - can't remove input border */
#topicSearch {
	*border: none;
}

/* IE7 fix - can't remove input border */
#topicSearch input {
}

/*EMAIL ESCALATION*/
#EmailEscalation table {
	
}

#EmailEscalation label {
	margin-top: 9px;
	float: left;
	width: 110px;
	font-size: 11px;
	font-weight: bold;
}

body.rtl #EmailEscalation label {
	float: right;
}

#EmailEscalation select {
	margin-top: 10px;
	width: 255px;
}

#EmailEscalation input {
	margin-top: 10px;
	width: 250px;
}

#EmailEscalation td {
	vertical-align: top;
}

#EmailEscalation textarea {
	margin-top: 10px;
	width: 250px;
}

#EmailEscalation #fromDB {
	margin-left: 10px;
	width: 20px;
}

#EmailEscalation #fromUser {
	margin-left: 10px;
	width: 20px;
}

#EmailEscalation .ColInput {
	width: 100px;
}

#EmailEscalation .ColInput select {
	width: 150px;
}

#EmailEscalation .ColInput input {
	width: 150px;
}

#EmailEscalation .ColLabel {
	
}

#EmailEscalation .ColLabel div {
	width: 150px;
	margin-top: 10px;
}

#EmailEscalation .ColRadio {
	width: 20px;
}

#EmailEscalation #EmailAddressOptions {
	width: 300px;
}

#EmailEscalation .EscalateButtons {
	padding-top: 20px;
}

.AddButtonClass {
	margin-top: 9px;
	padding: 0px;
}

#EmailEscalation TD.Attachment input {
	width: auto;
}

.LoginContent #loginUserName label {
	font-weight: bold;
}

.LoginContent #loginUserPassword label {
	font-weight: bold;
}

.LoginContent label {
	font-weight: normal;
}

.LoginContent button {
	margin-top: 10px;
}

/*Styles for cases*/
.caseMgmt {
	margin-top: 10px;
	width: 98%;
}

.caseMgmt th {
	background-color: #F5F5F5;
	padding: 5px 3px;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	text-align: left;
}

body.rtl .caseMgmt th {
	text-align: right;
}

.caseMgmt td {
	padding: 5px 3px;
	border-bottom: 1px solid #E0E0E0;
}

.caseMgmtTableContents {
	background-color: #FFF;
}

.caseMgmtTableContentshover {
	background-color: #E8EEF7;
}

.tableGeneral {
	width: 100%;
	margin-top: 15px;
}

.activityDetailsHeading {
	background-color: #EFEFEF;
	width: 100%;
}

.activityDetails {
	width: 15%;
	font-weight: bold;
}

/*Styles for suggestions*/
#suggestionLinks {
	margin-top: 8px;
}

#suggestionTable {
	margin-top: 14px;
	width: 98%;
}

#suggestionTable th {
	background-color: #F5F5F5;
	padding: 5px 3px;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	vertical-align: top;
	text-align: left;
}

body.rtl #suggestionTable th {
	text-align: right;
}

#suggestionTable td {
	padding: 5px 3px;
	vertical-align: top;
	border-bottom: 1px solid #E0E0E0;
}

TD.suggestionTdFormat3 {
	display: none;
}

#manageSuggestionsInnerTd3 {
	display: none;
}

.suggestionAttributeLabel {
	margin-top: 8px;
	width: 80%;
}

.SuggestionContentTextArea {
	border: 1px solid #E0E0E0;
	overflow: auto;
	width: 98%;
	background-color: #FFF;
	font-size: 11px;
	height: 200px;
	padding: 4px;
}

.SuggestionMessage {
	margin-top: 8px;
	font-weight: bold;
}

/* Make a suggestion, Email Article Form */

#MakeSuggestion fieldset,
#MakeSuggestion div.formField,
#emailArticleForm  {
	line-height: 1.6;
}

#MakeSuggestion div.formField.formControls {
	margin-top: 15px;
}

#suggestionsOptions legend {
	padding: 5px 0 2px;
}

#suggestionsOptions {
	margin-bottoM: 15px;
}

#MakeSuggestion ul,
#MakeSuggestion div.formField,
#emailArticleForm ul {
	margin-left: 20px;
}

#suggestionDetails input,
.formField textarea,
#emailArticleForm input,
#emailArticleForm textarea {
	padding: 2px;
	border: 1px solid #aaa;
	display: block;
	
}
#MakeSuggestion fieldset label,#MakeSuggestion div.formField label
{
		margin-top: 10px;
}

#suggestionDetails input,
#emailArticleForm input {
	width: 50%;
}

#MakeSuggestion textarea,
#emailArticleForm textarea {
	width: 80%;
	display: block;
}

#MakeSuggestion label {
	display: block;
	margin-bottom: 5px;
}

#MakeSuggestion #suggestionsOptions label,
#emailArticleForm label{
	display: inline;
	font-weight: normal;
}

#MakeSuggestion #suggestionDetailsPrompt2 {
	margin: 15px 0px 3px;
	font-weight: bold;
}


#emailArticleForm ul li {
	margin-bottom: 10px;
}

#emailArticleForm input,
#emailArticleForm textarea{
	margin-top: 3px;
}



/*Styles for My Profile*/
#myProfileContent ol {
	
}

#myProfileContent li {
	list-style-type: none;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}

#myProfileContent label {
	float: left;
	width: 130px;
	font-size: 11px;
	font-weight: bold;
}

body.rtl #myProfileContent label {
	float: right;
}

#myProfileContent select {
	width: 255px;
}

#myProfileContent input {
	width: 250px;
}

#myProfileContent .lblUserName {
	margin-top: 10px;
	padding-top: 20px;
	width: 250px;
}

#myProfileContent .lblEmailAddress {
	margin-top: 10px;
	padding-top: 20px;
	width: 250px;
}

#userDetails_customer_date_of_birth input {
	width: 30px;
}

/*Suggestion Article List*/
#suggestedArticles {
	width: 98%;
}

#suggestedArticles td {
	padding: 5px 0 5px 3px;
	color: #333;
	border-bottom: 1px solid #E0E0E0;
}

#suggestedArticles th {
	background-color: #F5F5F5;
	padding: 5px 0 5px 3px;
	text-align: left;
	color: #333;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	vertical-align: middle;
}

body.rtl #suggestedArticles th {
	text-align: right;
}

#suggestedArticles th a {
}

#suggestedArticles a {
	color: #333;
	border-bottom: 1px solid #E0E0E0;
}

/*Data Links*/
.LinkInputInfo {
	display: block;
	padding-bottom: 5px;
}

.LinkInputKey {
	font-weight: bold;
	width: 15%;
	vertical-align: top;
}

#DataLinkInput {
	margin-top: 10px;
}

#DataLinkInput td {
	padding-bottom: 5px;
}

.linkHeader {
	font-weight: bold;
	background-color: #F9F9F9;
	display: block;
	padding: 6px 3px;
}

.linkResultTable th {
	background-color: #F5F5F5;
	padding: 5px 3px;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	text-align: center;
	white-space: nowrap;
}

.linkResultTable td {
	padding: 5px 3px;
	border-bottom: 1px solid #E0E0E0;
	margin: 0px;
}

.linkResultTable {
	margin-top: 10px;
	width: 98%;
}

.linkFooter {
	font-weight: bold;
	background-color: #F9F9F9;
	margin-top: 5px;
	padding: 6px 3px;
	display: block;
}

#Favorites {
	margin-top: 10px;
	width: 98%;
}

/*
Added by GC - 07/2014
*/

.topicListTitle, .topicListTitleHome{
	font-weight:bold;
	color:#000 !important;
	font-size: 120% !important;
	background-color:#fff;
}

.topicListTitleHome{
	list-style:none;
}

.topicListTitleTopMargin{
	padding-top:20px !important;
}
      
.hasNoChildren, .hasChildren{

	background-color:#CECECE !important;
	
    display: block !important;
    margin-bottom: 5px !important;
    padding: 5px 15px !important;
    position: relative !important;
}

.hasNoChildren span, .hasChildren span{
	/* padding-left:15px; */ 
}

.hasNoChildren .topicListTitle, .hasChildren .topicListTitle, .topicListTitleHome{
	margin-left:0px !important;
	font-size: 100% !important;
	padding:5px !important;
}

.hasChildren ul{
    margin-bottom: -8px !important;
    margin-left: -15px !important;
    margin-right: -15px !important; 
    margin-top:5px !important;
}

.hasChildren ul li, .topicListTitleHome{
	background-color:#F3F3F3 !important; 
}

.hasChildren ul li{
	padding:3px 5px 3px 25px !important;
	margin-bottom:5px !important;
}

li.expanded{
	background-color:#fff !important;
}

li.selected .inBread a, .topicListTitleHome a{
	color:#000 !important;
	font-weight:bold !important;
}

#topicTreeModule li {
	/* margin:0 !important; */
}
   
.expand img, .collapse img{

	position:absolute;
	margin-right:0 !important;
	left:0px;
	top:7px;
}

ul .topicListTitle:first-child{
	padding-top:0 !important;
}

ul li ul .topicListTitle:first-child{
	padding-top:5px !important;
}

.hasChildren ul li ul{
    margin: 5px 0px 0px 0px  !important;
    padding: 0px !important;
    background-color:#fff !important;
}

.hasChildren ul li ul li {
    margin-bottom: 0px !important;
    padding: 5px 0px 0px 5px !important;
}


div.shoppingBasket{
	position:absolute;
	top:-21px;
	right:0px;
	height:80px;
	width:200px;
	border:1px solid #aaa;
}

div.basketTitle{
	background-color:#aaa;
	color:#fff;
	font-weight:bold;
	padding:0px 5px;
}

.moduleContent .row a{
	color:#ff0000;
	text-decoration:none;
	font-weight:bold;
	font-size: 110%;
}

.moduleContent .row a:hover{

	text-decoration:underline;

}

hr{
    border-color: #aaa !important;
    border-image: none;
    border-right: 0 none;
    border-style: solid none none !important;
    border-width: 2px 0 0 !important;

}

.navigationMenu{
	/*
background-color: #F3F3F3 !important;
	height:100% !important;
    min-height: 100% !important;
*/
}
.topicDesc{



}

/*
.contentArea{
	height:100%;
	min-height:100%;
}
*/

/*
div.contentArea {
    background-color: #888888 !important;
    background-image: none !important;
    padding-bottom: 0 !important;
}
div.contentArea {
    background: url("../images/panels/main_panel_tile.png") repeat-x scroll center top rgba(0, 0, 0, 0);
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
    color: #333333;
    margin: 0 10px;
    padding: 0 0 30px;
    position: relative;
}
*/
