/* CSS Document */

* {padding: 0; margin: 0;}
HTML, BODY {height: 100%; //overflow: hidden;}
BODY {font-family: Tahoma, 'Segoe UI', Segoe, Arial, Geneva, Helvetica, sans-serif; font-size: 79.99%; line-height: 145%; background: #ffffff; height: 100%;}

TABLE, TH, TD {font-size: 100%; text-align: left;}
TD {vertical-align: top;}
TABLE, IMG {border: 0; padding: 0; margin: 0;}

A:link {color: #0099e8; text-decoration: underline;}
A:visited {color: #6b19a8;}
A:active {color: #999999;}
A:link:hover, A:visited:hover, A:active:hover {color: #b20000;} 
A:link:hover, A:visited:hover, A:active:hover {cursor: pointer !important; //cursor: hand !important;} 

P, UL, BLOCKQUOTE {font-size: 100%;}
ADDRESS {font-style: normal;}
UL UL {font-size: 100%;}

P {margin: 0 0 1.45em 0; padding: 0; text-indent: 0; line-height: 145%;}
P.First {margin-top: 0; padding: 0; text-indent: 0;}
UL {margin: 0; padding: 0; list-style: none; line-height: 145%;}
UL.First {margin: .67em 0 0 0;}
UL UL {margin: 0; padding: 0; list-style: none;}
LI {margin: 0 0 .67em 0; padding: 0;}
LI LI {margin: 0; padding: 0;}

H1, H2, H3, H4, H5, H6 {font-family: 'Segoe UI', Segoe, Arial, Geneva, Helvetica, sans-serif; font-weight: bold;}
H1 {font-size: 235%; line-height: 110%; color: #92b400; color: #000; padding: 0 1em 0 0; margin: 0; margin: 0 0 .15em -.075em; letter-spacing: -1px; word-spacing: 0px; font-weight: normal;}
H2 {font-size: 100%; line-height: 145%; padding: 0; margin: 0; font-family: Arial, Geneva, Helvetica, sans-serif;}
H2.Small {font-size: 90%;}
H3 {font-size: 90%; padding: 0; margin: 0;}
H4 {font-size: 75%; padding: 0; margin: 0; font-family: Arial, Geneva, Helvetica, sans-serif;}

HR {border: none; margin: 2em 8% 1em 8%; border-bottom: 1px solid #555;}

BLOCKQUOTE {margin: 0; padding: 0; line-height: 145%;}
INPUT {margin: 0; font-size: inherit; font-family: Tahoma, Verdana, Geneva, sans-serif; vertical-align: middle; line-height: 125%; //font-size: 95%;}
SELECT, OPTION {margin: 0; font-size: inherit; font-family: Tahoma, Verdana, Geneva, sans-serif; vertical-align: middle; line-height: 125%; //font-size: 95%;}
PRE, TT, TEXTAREA {font-family: Consolas, 'Lucida Console', 'Courier New', Courier, monospace; font-size: 107%; margin: .5em 0; overflow: visible;}
PRE EM {font-style: normal;}


/* Common settings */

.Print {display: none !important;}

A U, A IMG {text-decoration: none !important;}

.Clearer {clear: both; height: .01em; width: .01em; line-height: 8%; //line-height: 1%; font-size: 1%; overflow: hidden; visibility: hidden; margin: 0; padding: 0; position: relative; z-index: -10;}
.Brick {overflow: hidden; visibility: hidden; width: .01em; height: .01em; line-height: 8%; //line-height: 0; vertical-align: baseline; z-index: -10;}
.Small, .Smaller {font-size: 85%; line-height: 150%;}
.Amp {font-family: 'Goudy Old Style', 'Palatino', 'Book Antiqua', Constantia, serif; font-style: italic; font-size: 110%;}
.Gray {color: #878787;}
.Segoe {font-family: 'Segoe UI', Segoe, Arial, Geneva, Helvetica, sans-serif; line-height: 136%;}


/* Main */

.OverallWrapper {position: relative; height: 100%; overflow: hidden;}

.SiteHeader {position: absolute; background-color: #2286f6; height: 65px; width: 100%; z-index: 2;}
.SiteHeader A:hover, .SiteHeader A:visited, .SiteHeader A:active {color: #ffffff;}

.Logo {position: absolute; top: 10px; left: 15px; z-index: 8;}
.Explorer .Logo {top: 8px;}
.LogoImage {width: 46px; height: 42px; background: url('../Images/Logo.png') 0 0 no-repeat; -background-image: none; -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='StaticFile.axd/Images/Logo.png',sizingMethod=crop);}
.LogoText {display: inline; position: relative; top: -12px; left: 14px; color: #ffffff; font-size: 200%; font-family: 'Segoe UI', Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 50%; white-space: nowrap;}
.Logo A {text-decoration: none !important;}

.VendorLink {position: absolute; top: 42px; left: 15px; display: none; z-index: 6; white-space: nowrap; overflow: visible;}
.VendorLink A {position: relative; color: #ffffff; text-decoration: none; font-size: 80%; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 50%;}

.VendorLink A .vertical {overflow:hidden; font-size:12px; float:left; margin-right:20px; line-height:30px; position:relative; white-space:nowrap; width:30px; height:200px; border:1px solid #999; }
.VendorLink A .vertical object {width:30px; height:200px; display:block;}
.VendorLink A .vertical span {display:none;}
.Explorer .VendorLink A .vertical span {filter:flipv() fliph(); writing-mode:tb-rl; display:block; position:absolute; left:0; bottom:0; height:200px; width:30px; }
.Explorer .VendorLink A .vertical object {display:none;}


.HeaderBg {position: absolute; width: 100%; height: 64px; z-index: 1; background: url('../Images/HeaderBgPic.png') 0 0 no-repeat; -background-image: none; -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='StaticFile.axd/Images/HeaderBgPic.png',sizingMethod=crop);}
.HeaderBgImage {position: absolute; display: none;}

.VerticalThemeHeader {display: none; position: absolute;}

.PrintBtn {position: absolute; right: 35px; top: 65px; z-index: 5;}
.PrintBtn A {background: url(../Images/Print_Bg.gif) no-repeat; background-position: 0 0; display: block; width: 41px; height: 35px;}
.PrintBtn A:hover {background-position: 0 -35px;}
.PrintBtn A IMG.IPrint {background: url(../Images/Icons/printer.gif) no-repeat; width: 16px; height: 16px; position: absolute; z-index: 6; top: 8px; left: 13px;}


.MainContentTable {height: 100%; border-top: 67px solid #ffffff; position: relative; z-index: 1;}

.TabsPanel {}
.LeftPanel {overflow: hidden;}
.Splitter {}
.RightPanel {}


.TabsWrapper {position: relative; z-index: 6;}
.TabsWrapper .Brick {width: 58px;}

.Tabs {z-index: 7; position: relative;}
.Tabs UL {padding: 0;}
.Tabs LI {margin: 0; padding: 0; position: relative; height: 49px;}
.Tabs LI A {padding: 0; display: block; width: 43px; height: 46px; position: absolute; right: 0px; overflow: hidden;}

.Tabs LI A EM {display: none;}
.Tabs LI A IMG {width: 21px; height: 21px; position: absolute; top: 12px; left: 12px;}
.IContents {background: url('../Images/Icons/TreeView_Big.png') 0 0 no-repeat; -background-image: none; -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='StaticFile.axd/Images/Icons/TreeView_Big.png',sizingMethod=crop);}
.IIndex {background: url('../Images/Icons/Index_Big.png') 0 0 no-repeat; -background-image: none; -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='StaticFile.axd/Images/Icons/Index_Big.png',sizingMethod=crop);}
.ISearch {background: url('../Images/Icons/Search_Big.png') 0 0 no-repeat; -background-image: none; -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='StaticFile.axd/Images/Icons/Search_Big.png',sizingMethod=crop);}

.Tabs LI A:link, .Tabs LI A:visited , .Tabs LI A:active {background-image: none;}
.Tabs LI A .Bg {position: absolute; top: 0; left: 0; width: 43px; height: 150px; background: url(../Images/TabsBg.png) no-repeat; background-position: 0 0; -background-image: none; -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='StaticFile.axd/Images/TabsBg.png',sizingMethod=crop);}

.Tabs LI A:link .Bg, .Tabs LI A:visited .Bg, .Tabs LI A:active .Bg {top: -100px;}
.Tabs LI A:link:hover .Bg, .Tabs LI A:visited:hover .Bg, .Tabs LI A:active:hover .Bg {top: -50px;}
.Tabs .OpenedTab A:link .Bg, .Tabs .OpenedTab A:visited .Bg, .Tabs .OpenedTab A:active .Bg, .Tabs .OpenedTab A:link:hover .Bg {top: 0 !important;}
.Tabs .OpenedTab A:link, .Tabs .OpenedTab A:visited, .Tabs .OpenedTab A:active, .Tabs .OpenedTab A:link:hover {cursor: default !important; outline: none !important;}
.Tabs .OpenedTab A:focus {outline: none !important;}

.tcw1 {position: relative; height: 100%; min-height: 100%; overflow: auto; z-index: 5; background-color: #f1eff1;}
.tcw2 {position: relative; height: 100%; width: 100%; z-index: 3;}
.Firefox .tcw2 {position: absolute; top: 0; bottom: 0;}

.LoadingContainerWrapper {position: relative; top: 40%; left: 30%; width: 0px; height: 0px; overflow: visible; z-index: 8;}
#LoadingContainer {position: absolute; top: 0; left: 0; width: 50px; height: 50px; background-image: url('../Images/loading.gif'); background-repeat: no-repeat; background-position: center;}

.TabTitleWrapper {position: relative; width: 100%; height: 0px; overflow: visible; z-index: 6; //margin-right: 18px;}
.TabTitle {position: absolute; top: 0; left: -20px; //left: 0; width: 100%; height: 40px; background: url('../Images/TabTitleGrad.png') top left repeat-x; -background-image: none; -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='StaticFile.axd/Images/TabTitleGrad.png',sizingMethod=crop);}
.TabTitle div {position: absolute; height: 1.5em; top: 15px; left: 35px; //left: 15px; overflow: hidden; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 125%; line-height: 100%;}

#indexTab, #searchTab {position: relative; height: 100%; padding: 0; z-index: 3; overflow: visible;}
.Explorer #indexTab, .Explorer #searchTab {padding: 3em 15px 0 15px;}

.iw1 {display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: auto; margin: 3em 15px 2.4em 15px; white-space: nowrap;}
.Explorer .iw1 {position: relative; height: 100%; width: 100%; margin: 0; overflow: hidden;}
.Opera .iw1 {height: auto; margin-bottom: 2.4em;}

.iw2 {width: 100%; height: 100%; position: absolute;}
.Opera .iw2 {height: auto; margin: 5em 0 0 0; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}

#indexField {width: 100%; height: 5em; position: absolute; top: 0; overflow: hidden; padding-top: 5px; z-index: 4;}
#indexList {width: 100%; height: auto; position: absolute; top: 5em; bottom: 0; overflow: auto; border-bottom: 3px solid #ffffff;}

.Explorer #indexList {top: 0; bottom: 0; height: 100%; position: relative; border-top: 5em solid transparent; border-bottom: 2.4em solid transparent;}
.Opera #indexList {height: 100%; top: 0; bottom: 0;}

#indexKeyword {width: 100%; position: relative; top: 4px; padding-left: 2px;}

.Explorer #indexList UL {}
#indexList UL LI {margin: 0; white-space: nowrap;}
#indexList UL LI.L1 {padding-left: 16px;}
#indexList UL .SpannerTop, #indexList UL .SpannerBottom {font-style: italic; color: gray; font-family: Segoe UI, Arial, sans-serif;}
#indexList .ActiveIndexItem {background-color: silver;}
#topicList UL {white-space: nowrap; width: 100%; padding: 0 0 0 1em;}
#topicList UL LI {margin: 0;}
#topicList .ActiveTopic {background-color: silver;}

.tlw1 {height: 100%; position: absolute; top: 0; left: 0; z-index: 11;}
.TopicList {width: 75em; height: 10em; position: absolute; top: auto; bottom: 2.4em; //bottom: 2.4em; left: 17em; overflow: visible; z-index: 10; background-color: #ffffff; padding: 0; display: block; background: #ffffff url('../Images/IndexResultsBg.jpg') no-repeat; background-position: right top;}
.TopicList {border: none; padding: 2px;}
.Opera .TopicList {background-color: #ffffff; bottom: 2.4em; left: 12em;}
#topicList {width: 75em; height: 10em; overflow: auto;}

A.CloseTopics {display: block; width: 22px; height: 22px; overflow: hidden; position: absolute; right: -15px; top: -15px;}
A.CloseTopics IMG {position: absolute; top: 0; left: 0; width: 22px; height: 88px; background: url('../Images/CloseTopics.png') 0 0 no-repeat; -background-image: none; -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='StaticFile.axd/Images/CloseTopics.png',sizingMethod=crop);}

A.CloseTopics:link IMG {top: 0px;}
A.CloseTopics:visited IMG {top: 0px;}
A.CloseTopics:active IMG {top: -44px;}
A.CloseTopics:link:hover IMG, A.CloseTopics:visited:hover IMG, A.CloseTopics:active:hover IMG {top: -66px;}

#topicListButtonContainer {height: 2.4em; position: absolute; bottom: -2.4em; //bottom: 0; width: 100%; overflow: hidden; z-index: 10;}
.Opera #topicListButtonContainer {}

A.TopicListButton {position: relative; display: block; width: auto; line-height: 2.4em; //height: 2.4em; overflow: hidden; white-space: nowrap; text-decoration: none; z-index: 11;}
A.TopicListButton EM {font-weight: normal; font-style: normal; text-decoration: none; top: -1px; //top: 1px; left: 0; display: block; position: relative; z-index: 3;}
A.TopicListButton #topicsCounter {text-decoration: underline;}
A.TopicListButton I.Bg {position: absolute; display: block; width: 500px; height: 70px; top: auto; bottom: 0; left: 0; z-index: 2;}

A.TopicListButton IMG {width: 16px; height: 16px; position: relative; top: 4px; left: 4px; background: url('../Images/ArrowTR.gif') 0 0 no-repeat;}

A.TopicListButton:link IMG {background-position: left 0px;}
A.TopicListButton:visited IMG {background-position: left 0px;}
A.TopicListButton:visited {color: #0099e8;}
A.TopicListButton:active IMG {background-position: left -32px;}
A.TopicListButton:link:hover IMG, A.TopicListButton:visited:hover IMG, A.TopicListButton:active:hover IMG {background-position: left -48px;}
A.TopicListButton:link:hover, A.TopicListButton:visited:hover, A.TopicListButton:active:hover {color: #b20000;}
.Opera #topicListButtonContainer A#showTopicsButton:focus {color: #b20000; background-color: transparent;}
.Opera #topicListButtonContainer A#showTopicsButton:focus IMG {background-position: left -48px;}

#indexList A:active {text-decoration: none !important; border: none !important; outline: none;}


#searchData {width: 100%; height: 10em; position: absolute; top: 0; overflow: hidden; padding-top: 10px; z-index: 4;}
#searchResults {width: 100%; height: auto; position: absolute; top: 10em; bottom: 0; overflow: auto;}
.Explorer #searchResults {top: 0; bottom: 0; height: 100%; position: relative; padding-top: 10em solid transparent; border-bottom: 2.4em solid transparent;}
.Opera #searchResults {height: 100%; top: 0; bottom: 0;}
.Opera #searchTab .iw2 {margin: 10em 0 0 0;}
#searchResults .ActiveSearchItem {background-color: silver;}


#searchResults A {display: block; white-space: nowrap;}
.SearchResultsCounter {position: absolute; bottom: 15px;}

.SearchForm {padding-right: 5.1em;}
.Explorer .SearchForm {padding-right: 0;}
#searchString {position: relative; width: 100%; padding-left: 2px;} 
.Explorer #searchString {margin-right: 5.1em;} 
#btnSearch {position: absolute; right: 0; top: 8px; margin: 0; padding: 0; width: 5em;}
#cbSearchInTitlesOnly {}
#cbHighlight {}

.Splitter A {display: block; width: 8px; height: 100%; text-decoration: none !important; cursor: w-resize !important;}
.Splitter A:link:hover, .Splitter A:visited:hover, .Splitter A:active:hover {cursor: w-resize !important;}
.Splitter .Dots {background: url(../Images/Splitter_Bg.gif) no-repeat; background-position: center; display: block;}
.Splitter A:link:hover .Dots, .Splitter A:visited:hover .Dots, .Splitter A:active:hover .Dots {background-color: #e5e3e4;}

.WithIcons A {position: relative; z-index: 2; font-family: 'Segoe UI', Segoe, Arial, Geneva, Helvetica, sans-serif; font-style: italic; font-size: 110%;}
.WithIcons A IMG {position: absolute; left: -20px; top: 1px;}


/* IE6 hacks */

#indexField,
#topicListButtonContainer,
#searchData {_background-color: #f1eff1;}

.Explorer #indexList,
.Explorer #searchResults {_border-top-color: #f1eff1; _border-bottom-color: #f1eff1;}


/* Fun */

.AC {text-align: center;} .AC {text-align: -moz-center;}
.AL {text-align: left;} .AL {text-align: -moz-left;}
.AR {text-align: right;} .AR {text-align: -moz-right;}
.AJ {text-align: justify;}
.B {font-weight: bold;}
.B0 {bottom: 0;}
.B1R {border: 1px solid #b20000;}
.B1DR {border: 1px dotted #b20000;}
.B1G {border: 1px solid #92b400;}
.B1DG {border: 1px dotted #92b400;}
.CL {clear: left;}
.CR {clear: right;}
.D0 {display: none;}
.D0I {display: none !important;}
.DB {display: block;}
.DI {display: inline;}
.DIB {display: inline-block;}
.F0 {float: none;}
.FL {float: left;}
.FR {float: right;}
.FS0 {font-size: .01%;}
.FS150 {font-size: 150%;}
.FS200 {font-size: 200%;}
.FS250 {font-size: 250%;}
.FS300 {font-size: 300%;}
.H100 {height: 100%;}
.I {font-style: italic;}
.L0 {left: 0;}
.L50 {left: 50%;}
.L100 {left: 100%;}
.OA {overflow: auto;}
.OV {overflow: visible;}
.OH {overflow: hidden;}
.OS {overflow: scroll;}
.N {font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none;}
.M0 {margin: 0;}
.P0 {padding: 0;}
.PA {position: absolute;}
.PF {position: fixed;}
.PR {position: relative;}
.R0 {right: 0;}
.R50 {right: 50%;}
.R100 {right: 100%;}
.T0 {top: 0;}
.T50 {top: 50%;}
.TAC {text-align: center;}
.TAL {text-align: left;}
.TAR {text-align: right;}
.U {text-decoration: underline;}
.VV {visibility: visible;}
.VH {visibility: hidden;}
.VC {visibility: collapse;}
.W100 {width: 100%;}
.W50 {width: 50%;}
.W33 {width: 33%;}
.WW0 {white-space: nowrap;}
.WW1 {white-space: normal;}
.Z0 {z-index: 0;}
.Z1 {z-index: 1;}
.Z2 {z-index: 2;}
.Z3 {z-index: 3;}
.Z4 {z-index: 4;}
.Z5 {z-index: 5;}
.Z6 {z-index: 6;}

.White {color: #ffffff !important;}
.Black {color: #000000 !important;}
.Red {color: #b20000 !important;}
.Green {color: #92b400 !important;}
.Blue {color: #2c68c3 !important;}
.Gray {color: #5e5858 !important;}
.Pale {color: #b0aeae !important;}

A.Gray:link {color: #5e5858; text-decoration: underline;}
A.Gray:visited {color: #6b19a8;}
A.Gray:active {color: #999999;}
A.Gray:link:hover, A.Gray:visited:hover, A.Gray:active:hover {color: #b20000; cursor: pointer !important; //cursor: hand !important;} 


/* Print  */

@media print{
  .Screen {display: none !important;}
  .Print {display: inline !important;}

  .TabsPanel *, .LeftPanel *, .Splitter * {display: none !important;}
  .RightPanel {width: 100% !important;}
  .OverallWrapper .RightPanel div, .OverallWrapper .RightPanel iframe {overflow: visible !important;}
  .OverallWrapper .RightPanel iframe {display: block; position: relative; height: 100%;}
}