/*
    style.css

    333333 = dark tan
    CCCCCC = light gray
    FFFFFF = white
    425A73 = light blue
    ECECEC = medium gray

*/

/* General */

  /*body { background-color:#ffffff; margin:0;
        font-family:Arial,Verdana,Helvetica,sans-serif; font-size:smaller; width:960px;}
  a:link { color: #425A73; }
  a:active { color: #425A73; }
  a:visited { color: #425A73; }
*/
  .buttonImage { margin-left:2px; margin-right:2px; }
  a.buttonLink:link { color:#333333; font-weight:bold; font-size:1.0em; }
  a.buttonLink:active { color:#333333; font-weight:bold; font-size:1.0em; }
  a.buttonLink:visited { color:#333333; font-weight:bold; font-size:1.0em; }

  .text { font-size:1.0em; }
  .textbox { background-color: #ECECEC; }
  .selectbox { background-color: #ECECEC; width:250px; }
  .errMessage  { color:red; font-weight:bold; font-size:0.9em; }
  .errMessageNoSize  { color:red; font-weight:bold; }

  .minibr { font-size:xx-small; }

  .bottomBar { color:#333333; width:100%; height:1; }

  a.skipNavClass:link { font-size:1px; }
  a.skipNavClass:active { font-size:1px; }
  a.skipNavClass:visited { font-size:1px; }


/* Header */

  .headerFrame { background-image:url("header_bg.gif"); }
  .headerTop { height:24px; color: #333333; font-size:0.7em; }
  .headerDots { font-weight: bold; color: #333333; margin-left:2px; margin-right:2px;}
  a.headerTopLink:link { color: #333333; }
  a.headerTopLink:active { color: #333333; }
  a.headerTopLink:visited { color: #333333; }


/* Left side  */

  .leftSideCell { background-image:url("nav_bg.gif"); width:154px; align:center; vertical-align:top; }
  .leftSideThinCell { background-image:url("nav_bg.gif"); width:24px; align:center; vertical-align:top; }
  .leftSideDots { color:#333333; font-size:0.6em; font-weight:bold; margin-left:3px; }
  .leftSideLibrary { color:#333333; font-size:0.6em; }
  a.leftSideLink:link { color:#333333; font-size:0.6em}
  a.leftSideLink:active { color:#333333; font-size:0.6em}
  a.leftSideLink:visited { color:#333333; font-size:0.6em}
  a.leftSideLinkOn:link { color:#333333; font-size:0.6em; font-weight:bold;}
  a.leftSideLinkOn:active { color:#333333; font-size:0.6em; font-weight:bold;}
  a.leftSideLinkOn:visited { color:#333333; font-size:0.6em; font-weight:bold;}

/* Search Panel */

  .searchSelectLabel { color:#333333; font-size:1.0em; position:relative; top:-2px }

  /*.searchQueryString {font-family:arial,verdana,helvetica; font-size:1.0em; margin-top:5px;}*/
  .searchQueryString {
    margin-top:5px;
    border-color: #757575;
    padding: .4em .3076em;
    line-height: 1.2;
    height: auto;
    /*display: block;
    width: 100%;*/
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    /*border: 1px solid #ccc;*/
    border: 1px solid #474747;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;      
  }

  a.searchNewLink:link { color:#333333; font-size:1.0em; }
  a.searchNewLink:active { color:#333333; font-size:1.0em; }
  a.searchNewLink:visited { color:#333333; font-size:1.0em; }

/* Common page element */

  div.pageLabel { position:relative; width:90%; text-align:left;
                  color:#425A73; font-size:1.0em; font-weight:bold }
  .pageSubLabel { margin-left:15px; text-align:left; }

  a.pageLabelLink:link { color:#425A73; font-size:1.0em; }
  a.pageLabelLink:active { color:#425A73; font-size:1.0em; }
  a.pageLabelLink:visited { color:#425A73; font-size:1.0em; }
  .pageLabelText { color:black; font-size:1.0em; }

/* Login, Password, Reg */

  .logLabelCell { font-size:0.9em; vertical-align:top; }

/*
    Home page
      Tabs div width is a default, reset by script based on screen size.
*/

  h2.homeParentCat { font-size:0.9em; font-weight:bold; margin:0 }
  a.homeParentLink:link { color:#425A73; }
  a.homeParentLink:active { color:#425A73; }
  a.homeParentLink:visited { color:#425A73; }

  h3.homeChildCat { font-size:0.8em; font-weight:normal; margin:0 }
  a.homeChildLink:link { color:#333333; }
  a.homeChildLink:active { color:#333333; }
  a.homeChildLink:visited { color:#333333; }

  div.classTabs { width:100%; height:50; overflow:auto; }
  a.classTabLink:link { color:black; font-size:0.6em; text-decoration:none; }
  a.classTabLink:active { color:black; font-size:0.6em; text-decoration:none; }
  a.classTabLink:visited { color:black; font-size:0.6em; text-decoration:none; }

  .classTabBackCell { background-color:#D9D9D9; border-top:solid black 1px; }
  .classTabUpCell { border-top:solid black 1px; }

  .homeMsg { font-style:italic; font-size:0.8em; }

/* Category */

  a.catChildLink:link { color:#333333; font-size:0.8em; }
  a.catChildLink:active { color:#333333; font-size:0.8em; }
  a.catChildLink:visited { color:#333333; font-size:0.8em; }

  .catChildNone { font-style:italic; }

/* Library */

  .libCheck { color:#425A73; font-size:0.9em; font-weight:bold; }
  a.libRegLink:link { color:#425A73; font-size:0.8em; }
  a.libRegLink:active { color:#425A73; font-size:0.8em; }
  a.libRegLink:visited { color:#425A73; font-size:0.8em; }
  a.libRegLinkSymbol:link { text-decoration:none; }
  a.libRegLinkSymbol:active { text-decoration:none; }
  a.libRegLinkSymbol:visited { text-decoration:none; }
  .regReqSymbol { color:#003366; font-size:1.1em; font-weight:bold; }

  div.libAll { position:relative; width:550px; text-align:right; }
  a.libAllLink:link { color:black; font-size:0.6em; }
  a.libAllLink:active { color:black; font-size:0.6em; }
  a.libAllLink:visited { color:black; font-size:0.6em; }

/* Document lists  */

  .docsPageNav { color:#333333; font-weight:bold; font-size:1.0em; }   /* Size is relative to windowTitle.  */

  a.docsPageLink:link { color:#333333; }
  a.docsPageLink:active { color:#333333; }
  a.docsPageLink:visited { color:#333333; }
  a.docsPageCurrentLink:link { color:#333333; font-weight:bold; font-size:1.1em; }
  a.docsPageCurrentLink:active { color:#333333; font-weight:bold; font-size:1.1em; }
  a.docsPageCurrentLink:visited { color:#333333; font-weight:bold; font-size:1.1em; }

  .docsColumnHeadRow { font-size:0.7em; font-weight:bold }
  .docsColumnHeadRow td {width: 1%;}
  a.docsColumnLink:link { color:black; }
  a.docsColumnLink:active { color:black; }
  a.docsColumnLink:visited { color:black; }

  .docsRow { font-size:x-small; /*border-style:solid;border-width:1px;border-color:black;border-collapse:collapse;border-spacing:0px;*/}
  .historyTable {border-style:solid;border-width:1px;border-color:black;border-collapse:collapse;border-spacing:0px;}
  .historyCell {border-style:solid;border-width:1px;border-color:black;border-collapse:collapse;border-spacing:0px;}

  .docsTitle { font-weight:bold }
  a.docsTitleLink:link { color:#425A73; font-weight:bold }
  a.docsTitleLink:active { color:#425A73; font-weight:bold }
  a.docsTitleLink:visited { color:#425A73; font-weight:bold }

  .docsNone { font-weight:bold; font-style:italic; margin-left:30px; }

/*
  Window panes
      windowFrame is the outer table.
      windowTitle is the title bar table.
        Put bg color in windowTitle, since collapsed view still has an empty row, which shows in outer table.
      windowBody is our tag here inside the pane content, for indenting.
*/
  .windowFrame { }
  .windowTitle { color: #333333; font-size:0.9em; }
  .windowContent { /* background-color: white; */ }
  .windowControls { width:30px; height:25px; }
  .windowBar { background-image:url("pane_bg.gif"); color: #333333; height:25px; font-weight:bold; }

  .windowBody { margin-left:30px; font-size:1.0em; }
  .resultListBody { margin-left:0px; font-size:1.0em; width: 940px; }

/*
   Document detail/results
      Separated div from text, because a div margin brought in the scrollbars, too.
      Outer div height is a default, reset by script based on screen size.
*/
  .docFrame { width:98%; height:400; border:solid black 1px; margin-left:10px; }
  div.docTextContent { font-size:x-small; text-align:left; margin:10px; }

  .docNavCell { color:#333333; text-align:right; vertical-align:top; font-size:1.0em; }
  a.docNavLink:link { color:#333333; }
  a.docNavLink:active { color:#333333; }
  a.docNavLink:visited { color:#333333; }

  .docToolbarCell { width:200; text-align:right; vertical-align:bottom; }

  .docToolCell { text-align:center; vertical-align:bottom; font-size:0.8em; }
  a.docToolLink:link { color:black; font-size:0.8em; }
  a.docToolLink:active { color:black; font-size:0.8em; }
  a.docToolLink:visited { color:black; font-size:0.8em; }

  .docHitNavBar { background-image:url("pane_bg.gif"); color:#333333; height:25px; font-size:0.7em; }
  .docHitNavLabel { color: #333333; font-weight:bold; }
  .docHitNavDots { color:#333333; font-weight:bold; margin-left:8px; margin-right:10px; }
  a.docHitNavLink:link { color:#333333; margin-left:3px; margin-right:3px; }
  a.docHitNavLink:active { color:#333333; margin-left:3px; margin-right:3px; }
  a.docHitNavLink:visited { color:#333333; margin-left:3px; margin-right:3px; }
  a.docHitNavLinkLoadEntireFile:link { color:#333333; margin-left:3px; margin-right:3px; font-weight:bold;}
  a.docHitNavLinkLoadEntireFile:active { color:#333333; margin-left:3px; margin-right:3px; font-weight:bold;}
  a.docHitNavLinkLoadEntireFile:visited { color:#333333; margin-left:3px; margin-right:3px; font-weight:bold;}

  a.docMarkupItalic:link { font-style:italic; text-decoration:none; }
  a.docMarkupItalic:active { font-style:italic; text-decoration:none; }
  a.docMarkupItalic:visited { font-style:italic; text-decoration:none; }

  a.docMarkupBold:link { font-weight:bold; text-decoration:none; }
  a.docMarkupBold:active { font-weight:bold; text-decoration:none; }
  a.docMarkupBold:visited { font-weight:bold; text-decoration:none; }

  a.docMarkupColorSearch:link { color:blue; background-color:yellow; text-decoration:none; }
  a.docMarkupColorSearch:active { color:blue; background-color:yellow; text-decoration:none; }
  a.docMarkupColorSearch:visited { color:blue; background-color:yellow; text-decoration:none; }

  a.docMarkupColorClass:link { color:blue; background-color:lightblue; text-decoration:none; }
  a.docMarkupColorClass:active { color:blue; background-color:lightblue; text-decoration:none; }
  a.docMarkupColorClass:visited { color:blue; background-color:lightblue; text-decoration:none; }

  a.docMarkupColorBoth:link { color:blue; background-color:lightgreen; text-decoration:none; }
  a.docMarkupColorBoth:active { color:blue; background-color:lightgreen; text-decoration:none; }
  a.docMarkupColorBoth:visited { color:blue; background-color:lightgreen; text-decoration:none; }

  a.docMarkupColorFolderMatch:link { color:blue; background-color:lightblue; text-decoration:none; }
  a.docMarkupColorFolderMatch:active { color:blue; background-color:lightblue; text-decoration:none; }
  a.docMarkupColorFolderMatch:visited { color:blue; background-color:lightblue; text-decoration:none; }

  .docHitTarget { display:none; }

  .docParentChildCell { color:#333333; text-align:left; vertical-align:top; font-size:0.6em; }
  div.docParentChild { text-align:left; margin-left:20px; margin-bottom:5px; }

/* ScreeningRoom detail/results  */

  div.srDocText { width:96%; height:400; margin-left:20px; overflow:scroll; }

  .srDataHeading { font-weight:bold; }
  .srListTimecode { font-size:xx-small; }
  .srThumbTimecode { font-size:xx-small; }

  .srTimecodeCell { align:left; vertical-align:top; white-space:nowrap; font-size:x-small; }
  .srDetailCell { align:left; vertical-align:top; font-size:x-small; }

  a.srMarkupItalic:link { color:black; font-style:italic; text-decoration:none; }
  a.srMarkupItalic:active { color:black; font-style:italic; text-decoration:none; }
  a.srMarkupItalic:visited { color:black; font-style:italic; text-decoration:none; }

  a.srMarkupBold:link { color:black; font-weight:bold; text-decoration:none; }
  a.srMarkupBold:active { color:black; font-weight:bold; text-decoration:none; }
  a.srMarkupBold:visited { color:black; font-weight:bold; text-decoration:none; }

  a.srMarkupColor:link { color:blue; background-color:yellow; text-decoration:none; }
  a.srMarkupColor:active { color:blue; background-color:yellow; text-decoration:none; }
  a.srMarkupColor:visited { color:blue; background-color:yellow; text-decoration:none; }

/* Preferences */

  .prefCell { font-size:1.0em; }

  .prefButtonCellL { width:200; text-align:left; }
  .prefButtonCellC { text-align:center; }
  .prefButtonCellR { width:200; }

  a.prefRestoreLink:link { color:#425A73; }
  a.prefRestoreLink:active { color:#425A73; }
  a.prefRestoreLink:visited { color:#425A73; }

/* Advanced */

  .advLabelCell { font-size:1.0em; vertical-align:top; }
  .advLabelCellMid { font-size:1.0em; }
  .advAllCell { font-size:1.0em; text-align:right; }
  .advContentCell { font-size:1.0em; }

  .advDots { color:black; font-size:1.0em; font-weight:bold; margin-left:3px; }

  div.advTermsBox { border-style:solid; border-width:1px; height:200; width:300; overflow:auto; }
  div.advSourcesBox { border-style:solid; border-width:1px; height:200; width:300; overflow:auto; }

  a.advGeneralLink:link { color:black; font-size:0.6em; }
  a.advGeneralLink:active { color:black; font-size:0.6em; }
  a.advGeneralLink:visited { color:black; font-size:0.6em; }

  a.advSourceLink:link { color:black; font-size:0.8em}
  a.advSourceLink:active { color:black; font-size:0.8em}
  a.advSourceLink:visited { color:black; font-size:0.8em}
  a.advSourceLinkOn:link { color:black; font-size:0.8em; font-weight:bold;}
  a.advSourceLinkOn:active { color:black; font-size:0.8em; font-weight:bold;}
  a.advSourceLinkOn:visited { color:black; font-size:0.8em; font-weight:bold;}
  .advSourceText { color:black; font-size:0.8em; font-weight:bold;}

  a.advAllLink:link { color:black; font-size:0.8em; }
  a.advAllLink:active { color:black; font-size:0.8em; }
  a.advAllLink:visited { color:black; font-size:0.8em; }

  a.advResetLink:link { color:#425A73; font-size:0.8em; }
  a.advResetLink:active { color:#425A73; font-size:0.8em; }
  a.advResetLink:visited { color:#425A73; font-size:0.8em; }

  a.advOpenCloseLink:link { text-decoration:none; width:15; color:black; }
  a.advOpenCloseLink:active { text-decoration:none; width:15; color:black; }
  a.advOpenCloseLink:visited { text-decoration:none; width:15; color:black; }

/* Error */

  .errorCell { font-size:0.8em; }












/* BAR specific Styles */


/* hierarchy IFrame */
.hierarchyFrame { width:96%; height:500px; border:solid black 0px; margin-left:10px; background-color:#E5E5E5;}

/* Input Field normal */
.inputFieldVal { background-color:#FFFFFF;font-family:arial,verdana,helvetica; font-size:0.8em }
/* Input Field Validation Error */
.inputFieldValError { background-color:#CC0033;font-family:arial,verdana,helvetica; font-size:0.8em }


a.helpLink:link { text-decoration:none; color:black; }
a.helpLink:active { text-decoration:none; color: black; }
a.helpLink:visited { text-decoration:none; color: black; }


a img {
  border: 0;
}
a.service:link, a.service:visited, a.service:hover, a.service:active {
	text-decoration:none;
	color:#FFFFFF;
}
a.service:hover	{
	text-decoration:none;
	color:#FFFFFF;
}
table#header {
  background-image: url("../images/sub_hea.jpg");
  width: 994px;
  height: 155px;  
}
table#header2 {
  background-image: url("../images/sub_hea_rec.jpg");
  height: 100px;  
}
table#header3 {
  background-image: url("../images/sub_hea_the_ueb.jpg");
  width: 994px;
  height: 155px;  
}
a.none, a.none:link, a.none:visited, a.none:hover, a.none:active {
	text-decoration:none;
	color:#000000;
}

a img {
  border: 0;
}
a.service:link, a.service:visited, a.service:hover, a.service:active {
	text-decoration:none;
	color:#FFFFFF;
}
a.service:hover	{
	text-decoration:none;
	color:#FFFFFF;
}
a.lang:link, a.lang:visited, a.lang:hover, a.lang:active {
	text-decoration:none;
	color:#FFFFFF;
}
a.lang:hover	{
	text-decoration:none;
	color:#FFFFFF;
}
a.bread:link, a.bread:visited, a.bread:hover, a.bread:active {
	text-decoration:none;
	color:#B2B2B2;
}
a.bread:hover	{
	text-decoration:none;
	color:#B2B2B2;
}
a.breadAct:link, a.breadAct:visited, a.breadAct:hover, a.breadAct:active {
	text-decoration:none;
	color:#868686;
}
a.breadAct:hover	{
	text-decoration:none;
	color:#868686;
}
a.level3:link, a.level3:visited, a.level3:hover, a.level3:active {
	text-decoration:none;
	color:#696969;
}
a.level3:hover	{
	text-decoration:none;
	color:#696969;
}
a.level3bold:link, a.level3bold:visited, a.level3bold:hover, a.level3bold:active {
	text-decoration:none;
}

a.level1:link, a.level1:visited, a.level1:hover, a.level1:active {
	text-decoration:none;
	color:#666666;
	font-size:12px;
	font-weight:bold;
}
a.level1:hover	{
	text-decoration:none;
	color:#666666;
	font-size:12px;
	font-weight:bold;
}
a.level1Act:link, a.level1Act:visited, a.level1Act:hover, a.level1Act:active {
	text-decoration:none;
	color:#000000;
	font-size:12px;
	font-weight:bold;
}
a.level1Act:hover	{
	text-decoration:none;
	color:#000000;
	font-size:12px;
	font-weight:bold;
}
a.level2:link, a.level2:visited, a.level2:hover, a.level2:active {
	text-decoration:none;
	color:#666666;
	font-size:12px;
	padding-top:9px;
	margin-top:25px;
	font-weight:bold;
}
a.level2:hover	{
	text-decoration:none;
	color:#666666;
	font-size:12px;
	margin-top:25px;
	font-weight:bold;
}

a.level2Act:link, a.level2Act:visited, a.level2Act:hover, a.level2Act:active {
	text-decoration:none;
	color:#000000;
	font-size:12px;
	padding-top:9px;
	margin-top:25px;
	font-weight:bold;
}
a.level2Act:hover	{
	text-decoration:none;
	color:#000000;
	font-size:12px;
	margin-top:25px;
	font-weight:bold;
}
a.legal:link, a.legal:visited, a.legal:hover, a.legal:active, a.legal:hover, .legal{
	text-decoration:none;
	color:#666666;
	font-size:11px;
	padding-top:9px;
}

.level1{
  padding-top: 8px;
  padding-bottom: 8px;
}
.level1Act{
  padding-top: 8px;
  padding-bottom: 8px;
}
.level2{
  padding-top: 3px;
  padding-bottom: 3px;
}
.level2Act{
  padding-top: 3px;
  padding-bottom: 3px;
}
a img {
  border: 0;
}

.service {
  color:#FFFFFF;
  font-size:11px;
  font-weight: bold;
}  
.lang {
  color:#FFFFFF;
  font-size:11px;
   
}
.bread {
  color:#B2B2B2;
  font-size:11px;
  font-weight: bold; 
}
.breadAct {
  color:#868686;
  font-size:11px;
  font-weight: bold; 
}
.level3title {
  color:#666666;
  font-size:10px;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:7px;
} 
.level3 {
  color:#999999;
  font-size:11px;
} 
.level3bold {
	margin:30px 0 0 0;
	color:#999999;
	font-size:11px;
	font-weight:bold;
}   


.linkbutton {
    border: 0px; margin: 0px; padding: 0px; background-color: #fff; color: #00f; text-decoration: underline; cursor: pointer; cursor: hand;
}




.treecrumb .dropdown-toggle-last {
padding: 0 10px 0 30px;
line-height: 24px;
font-size: 13px;
background: 0 0;
color: #454545;
border: 1px solid #ccc;
border-left-color: transparent;
position: relative;
}

.treecrumb .dropdown-toggle-last:after, .treecrumb .dropdown-toggle-last:before {
content: '';
display: block;
position: absolute;
top: -1px;
right: -2.1em;
width: 0;
height: 0;
border-color: transparent transparent transparent #ccc;
/* border-style: solid; */
border-width: 1.05em;
}


.rankCol {
    width: 70px;
}

.resultDivider {
    margin-bottom: 10px;
    border-bottom: 1px solid #d5d5d5;
}


/* Show white background for help menu, but don't open it => use active */
.nav-main.yamm .nav>.active>a:after {
  content: ';';
}

.nav-main.yamm .nav>.active>a {
  z-index: 9999;
  border-top: 5px solid #F7001D;
  margin-top: -5px;
  height: 75px;
}

/* bug fix for checkboxes and radiobuttons in cd bund for IE11 
   when checkbox was clicked, the browser scrolled to the right end 
   original style is:
    .checkbox input, .radio input {
        position: absolute;
        left: -21474836.48%;
    }
   */
.checkbox input, .radio input {
    visibility: hidden;
}

.docListCheckbox {
    margin-top: -12px;
}

.quickLinkItem {
    float:left;
}