/* 
xperthr
23.01.2007
Thoughtbubble Ltd
pages.css
- individual page styles

updated:
- 31/05/2007 - added new list styles (ThoughtBubble)
*/

/* -------------------------------------
home page 
---------------------------------------- */
.homePageTop { background-color:#ECECEC; border-bottom:1px solid #D6D4D2; }
.homePageTopUser { border-bottom:0px solid #D6D4D2; margin:0px 10px 0px 10px; padding:20px 0px 20px 10px; }

.homeSubscribeBoxCol { } /* position: absolute; */
.homeSubscribeBox { float:left; width:370px; height:140px; margin-left:20px; background-color:#C4C4C4; display:inline; }

/*.homeDemoBox { float:right; width:200px; height:140px; margin-left:20px; margin-right:10px; background-color:#000000; font-size:80%; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; display:inline; }*/
.homeDemoBox { float:left; width:200px; height:140px; margin-left:20px; margin-right:10px; background-color:#000000; font-size:80%; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; display:inline; }
.homeDemoBox a:link, .homeDemoBox a:visited { color:#FFFFFF; text-decoration:none; font-weight:bold; }
.homeDemoBox a:hover { color:#0099CC; text-decoration:none; font-weight:bold; }
.homeDemoBox .padding { padding:10px 20px 10px 10px; }
.launchBoxLink { margin-top:6px; }
.launchBoxTopLink { margin-top:10px; } 

.homePageMain { position:relative; }
.homeLeftCol { position:relative; margin-left:10px; }
.textCol { padding-right:5px; }

.iconAndDesc { min-width:300px; }
.imageCol { position:absolute; left:0px; width:40px; padding-top:10px;  }
.pageLeftCol .imageCol { position:absolute; left:20px; width:40px; padding-top:10px;  }
* html .imageCol { margin-top:0px; }
.textCol { padding-left:40px; min-width:0px; } 

.subscribeUser { float:left; width:170px; }
.subscribePass { float:left; width:180px; }
.subscribePassBox { float:left; width:110px; }
.subscribeButton { float:left; width:36px; height:16px; padding-top:3px; border:0px; }

.homeLoginUser { width:160px; height:16px; border:1px solid #666666; font-size:12px; }
.homeLoginPass { width:100px; height:16px; border:1px solid #666666; font-size:12px; }

/* -------------------------------------
documents pages, e.g. ref manual; policies
---------------------------------------- */
.docIconCol { float:left; width:20px; margin-bottom:5px;}
.docLinkCol { float:left; width:170px; font-size:80%; margin-bottom:5px; }
.docLinkCol a { color: #666666; text-decoration: none; }
.docLinkCol a:hover { color: #666666; text-decoration: underline; }
.docArrowCol { float:left; width:15px; margin-bottom:5px; color:#00AADF; font-size:80%; }
.docListSubHead { float:left; width:190px; margin-top:7px; }
.docListSubHead300 { float:left; width:300px; margin-top:7px; }

ul.docSectionList li {  padding-bottom:1px; }

ul.listDoc { list-style-image:url(../images/icons/li_article.gif); }
ul.listCaseLaw { list-style-image:url(../images/icons/li_case_law.gif); }
ul.listConsult { list-style-image:url(../images/icons/li_consult.gif); }
ul.listEconomic { list-style-image:url(../images/icons/li_economic.gif); }
ul.listFaq { list-style-image:url(../images/icons/li_faq.gif); }
ul.listGuidance { list-style-image:url(../images/icons/li_guidance.gif); }
ul.listInternal { list-style-image:url(../images/icons/li_int_doc.gif); }
ul.listLegalAdv { list-style-image:url(../images/icons/li_legal_adv.gif); }
ul.listLegalTime { list-style-image:url(../images/icons/li_legal_time.gif); }
ul.listLineMan { list-style-image:url(../images/icons/li_line_man.gif); }
ul.listPolicies { list-style-image:url(../images/icons/li_policies.gif); }
ul.listQuickGuide { list-style-image:url(../images/icons/li_quick_guide.gif); }
ul.listRefMan { list-style-image:url(../images/icons/li_ref_man.gif); }
ul.listSearch { list-style-image:url(../images/icons/li_search.gif); }
ul.listStats { list-style-image:url(../images/icons/li_stats.gif); }

ul.docList { font-size:90%; margin-bottom:15px; }
ul.docList li { border-bottom:1px solid #D6D4D2; padding-bottom:8px; margin-bottom:8px; }
ul.docList a:link, ul.docList a:visited { color:#000000; text-decoration:none; }
ul.docList a:hover { color:#00AADF; text-decoration:underline; }

.iconBox { float:left; width:120px; height:150px; text-align:center; border:1px solid #D6D4D2; font-size:90%; font-weight:bold; }

/* Fix IE. */
* html .iconBox { width:121px; }

.articleboxMainPadding { padding:10px 30px 10px 10px; font-size:90%; }

.refSearchSearch { float:left; width:300px; }
.refSearchChapter { float:left; width:250px; }
.refSearchButton{ float:left; width:250px; text-align:right; margin-top:10px; }
.refSearchBoxNarrow { width:215px; border:1px solid #333333; }
.refSearchBox { width:350px; border:1px solid #333333; }
.refSearchList { width:250px; border:1px solid #333333; }
.refBenchmarkingDropdown { width:250px; }

.refSearchBoxContainer { padding-top: 10px; width: 580px; }
.refSearchBoxContainerNarrow { padding-top: 24px; width: 580px; }

.refArrow { float:left; width:10px; }
.refBox{ float:left; width:100px; }

/* --- Legal Advice --- */
.rightColPad { padding:10px 10px 10px 0; }
.rightColPadSides { padding:0 10px 0 0; }

/* --- Articles --- */
.articleIcon { float:left; width:90px; }
.articleSelTitle { float:left; width:280px; }
.articleSelTitle .innerPad { padding:0 20px 0 0; }
.articleMoreLinks { float:right; width:120px; }

/* --- How To --- */
.howToList { padding-left:100px; margin-top:20px; }

/* --- Pay and Benefits --- */
.payInfoSelect { float:right; border-left:4px solid #FFFFFF; width:180px; }

/* --- Strategy and Practice --- */
.stratInfoSelect { float:right; border-left:4px solid #FFFFFF; width:220px; }


/* -------------------------------------
search page 
---------------------------------------- */

.searchResultsBoxNarrow { background-color:#FAEDD7; border:2px solid #C4C5C6; width:585px;}
.searchResultsBox { background-color:#FAEDD7; border:2px solid #C4C5C6;}
.searchResultIcon { position:absolute; width:40px; margin-top:0px; margin-bottom:0px;  }
.searchResultWeight { position:absolute; width:40px; margin-top:25px; margin-bottom:0px;  }
.searchResultText { padding-left:50px; min-width:520px; display:inline-block; margin-top:0px; margin-bottom:0px; }
.searchFieldName { float:left; width:125px; font-weight: bold; }
.searchFormField { float:left; width:410px; }
.searchFormFieldShort { float:left; width:255px; }

.assistedSearch .searchResultsBox { background-color:#FAEDD7; border-top: 0px; border-bottom: 0px;}

.searchTypeIcon { position:absolute; width:40px; margin-top:0px; margin-bottom:10px; }
.searchTypeText { padding:10px 10px 0px 80px; display:inline-block; color:#000000; font-size:120%; font-weight:bold; }
.searchTypeResults { float:right; width:100px; text-align:right; color:#F39D00; font-size:120%; font-weight:bold; padding-top:10px; }

.searchHighlight { background-color:#FEE902; }

.searchTabs { position:relative; top:2px; height:28px; z-index:2; }
.searchOptionText { float:left; width:510px; margin-top:1em; }
input.searchFieldDate { width:100px; margin-left:30px; }
.searchHr { background:#C4C5C6; color:#C4C5C6; height:1px; border:0; }
.searchTypeBox { border-bottom:2px solid #C4C5C6; display:block; }
.searchTypeBoxSelected {  background-color:#F8D198; }

.autonomyIdeaCloud { margin-right: 10px; }

.sortOptions { margin: 10px 0px 10px 6px }

.searchResultNoAccessText { color: Red; padding-left: 50px; }

/* -------------------------------------
settings pages
---------------------------------------- */
.settingsTopicLeft { float:left; width:250px; margin-top:5px; text-align:right; }
.settingsTopicRightHead { float:left; width:150px; margin-top:5px; margin-left:40px; }
.settingsTopicRight { float:left; width:250px; margin-top:5px; margin-left:40px; }
.settingsSubTopic { float:left; width:30px; margin-left:80px; }
.settingsTab { float:left; width:110px; margin-right:2px; }
.settingsBox { background-color:#ECECEC; padding:10px 10px 10px 10px; margin-bottom:4px; }
.settingsDivBar { background:#ECECEC; padding:5px; color:#666666; }
.noBottomMargin { margin-bottom:0px; }

.settingsChecktextCol { padding-left:40px; min-width:540px;  padding-right:20px; display:inline-block; }
.checkCol { position:absolute; width:30px; }

.settingsDetailstextCol { padding-left:120px; min-width:460px;  padding-right:20px; display:inline-block; }
.detailsCol { position:absolute; width:120px; }

.settingstextCol { padding-left:40px; min-width:540px;  padding-right:20px; display:inline-block; }
.checkCol { position:absolute; width:30px; }

.settingsColHolder { margin-bottom:5px; }

.longtextCol { padding-left:70px; min-width:540px;  padding-right:20px; display:inline-block; }
.longimageCol { position:absolute; left:20px; width:60px; margin-top:10px;  }
* html .longimageCol { margin-top:0px; }

.longhrpad10 { margin:10px 20px 10px 10px; }

.articleSavedCol { float:left; width:60px; font-weight:bold; margin-top:4px; text-align:right; }
.articleSavedDate { float:left; width:400px; margin-top:4px; margin-left:10px; }
.myArticlesList { position:relative; margin-left:20px; }

/* -------------------------------------
sitemap page
---------------------------------------- */
.siteMapBox { float:left; width:160px; margin-right:5px; margin-bottom:10px; }
.siteMapHeader { background:#00AADF; color:#FFFFFF; font-weight:bold; padding:2px; margin-bottom:5px; }

.siteMapBox a:link, .siteMapBox a:visited { color:#000000; text-decoration:none; }
.siteMapBox a:hover { color:#00AADF; text-decoration:underline; }

.siteMapHeader a:link, .siteMapHeader a:visited { color:#FFFFFF; text-decoration:none; }
.siteMapHeader a:hover { color:#FFFFFF; text-decoration:underline; }

/* -------------------------------------
sources page
---------------------------------------- */
.sourcesTable { border:1px solid #86D0E1; font-size:100%; }
.sourcesTableHd { background:#86D0E1; color:#FFFFFF; font-weight:bold; }
.sourcesTableInfo { border-right:1px solid #86D0E1; border-bottom:1px solid #86D0E1; }
.sourcesTableNumber { border-bottom:1px solid #86D0E1; }
.sourcesTableBtmRow { border-bottom:0px; }

.userGuideList { list-style:none; margin:0px; padding-left:20px; margin-bottom:10px; }
.userGuideSubList { list-style:none; margin:0px; padding-left:20px; }

.userGuideList a:link, .userGuideList a:visited { text-decoration:underline; color:#666666; }
.userGuideList a:hover {}

.userGuideSubList a:link, .userGuideSubList a:visited { text-decoration:underline; color:#666666; }
.userGuideSubList a:hover {}

.userGuideHd a:link, .userGuideHd a:visited { font-weight:bold; text-decoration:underline; color:#666666; }
.userGuideHd a:hover {  }

/* -------------------------------------
conferences page 
---------------------------------------- */
.confEvent { margin-bottom:5px;  }
.confTopic { float: right; width:200px; margin-bottom:5px;}
.confDate { float: right; width:75px; text-align: right; padding-right: 2%; margin-bottom:5px;}
.confHeader { padding-top:5px; padding-left:2px; padding-bottom:5px; margin-bottom:5px; background:#86D0E1; color:#FFFFFF; font-weight:bold; }
.confDetailCol { position:absolute;}
.confTextCol { padding-left:100px; }
.confDetailPad { padding:0px 20px 10px 0px; }
.confDetails { margin-top:10px; padding-left:0px; min-width:380px; }

/* ---  Key Page --- */
.keyPageIcons { min-width:380px; }
.keyPageIcon { margin:10px 0 5px 0; }



/* My Benefits Page*/
#BenefitItem p {margin:0px 0px 0px 0px;padding: 0px 10px 10px 0px;font-size: 12px; line-height: 16px;font-weight:normal;font-family:arial;color:#000000;}
#BenefitItem a {font-family:arial;color:#1e6e9f;text-decoration:none;}
#BenefitItem a:hover {text-decoration:underline;}

#BenefitList {padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
#BenefitItem {padding:0px 0px 2px 0px;margin:0px 0px 14px 0px;border-bottom:1px solid #d6d4d2;}

#BenefitItem h2 {margin:4px 0px 0px 0px;padding: 0px 0px 8px 0px; font-size: 16px; line-height: 20px;color:#56afe6;font-weight:bold;}
#BenefitItem h2 a {font-family:arial;color:#56afe6;text-decoration:none;}
#BenefitItem h2 a:hover {text-decoration:underline;}
/* End */