@CHARSET "ISO-8859-1";
@namespace elbc url(http://www.electricbook.net);
/*  
 style sheet for viaNotes interface (screens used for notes
 and content display) Note the addition of the artwork
 */

body {
font-family:Helvetica,Arial, sans-serif;
font-size:small; 
margin:0px;
padding:0px; /* YUI recommendations */
/* background-color:rgb(240,240,255); */
background-color:yellow;

}


div.infobanner {
 font-size:9px;
 height:12px;
 color:#0000f0;
 text-align:right;
 padding-bottom:2px;
 /* background-color:#e0e0d0; */
}


div.noteInfo {
	position:relative;
}


/* Buttons on the toolbar panel */
button.picBtn {
 color: #808080;
 margin-top:auto;
 margin-bottom:auto;
}

#exitBtn {
	border-width:1px;
	border-style:solid;
	border-color:red;
	margin-right:15px;
	}

div.toolVPanel button.picBtn {
	margin: 2px 0 2px 0;
}

#menuBar {
	background-image:url('../images/toolbarBackground.png'); 	
	 height:50px;
	}
	
/* tools panel are long thin horizontal strips used to contain smaller tool panels 
   the main menu bar is enclosed by a tools panel*/
div.toolsPanel { 
  height:45px;
  color:white;
}

div.toolsPanel .toolPanel {
 position:relative;

}

div.toolPanel {
 text-align:center;
 padding:5px;
 height:35px;
 
/* position:relative; */

}

div.radioControls {
	padding-top:4px;
	}
/* toolpanel footer appears below a vertical control container (in admin.css) 
  this is designed to be enclosed by and centered withina  DIV  */
div.toolPanel.vFooter {
 margin-top:11px;
 width:100%
 text-align:center;
}

#contentArea div.toolPanel {
 background-color:#e0e0d0;
}

/* this may be deprecated */
div.toolVPanel {
 text-align:center;
 padding:4px;
 width:45px;
}

div.envelopeInfo {
 text-align:left;
 padding:4px;
 margin-top: 8px;
 color:#ffe773;
}

table.envelopeInfo {
 width:90%;
 font-size:small;
 color:#ffe773;
 margin-left:auto;
 margin-right:auto;
 
}



div.linkInfo {

 text-align:left;
 padding:4px;
 margin-top: 8px;
 font-size: 11px;
 color:#808080;
 background-color:#e0e0d0; 

}



/* general purpose styling stuff */

#copyright {
font-size:10px;
font-weight:bold;
color:rgb(0,200,200);
}

div.status {
float:left;
 }


h2 {
color:#f0f0f0;
 font-size:small;
}

div.radioBox{
  padding:2px;
  text-align:center;
  font-size:small;
}

/* Used to wrap radio buttons when we lay out in block style */
div.radioEntry {
 margin:2px;
 font-size:small;
 width:60%;
 text-align:right;
}


div.labelContainer {
font-size:small;
font-weight:bold;
}

.errorText {
	background-color:red;
	color:yellow;
	font-weight:bold;
 }

/*  Control container is designed to line up over the graphic's solid color area
    reserved for controls    */
	
input {
font-size:small;
color:#4040ff;
}



/* Main containers used for gross positioning and dimensions of content lists */



div.tabPanel {
 height:auto;
 width:auto;
 text-align:center;  /* while waiting for YUI 2.5.1 fix  for table sizing */
/* background-color: #f0fcfc; */
}

div.searchOptions {
font-size:11px;
margin-left:auto;
margin-right:auto;
padding-bottom:5px;

}

div.searchOptions input[type="text"]{
	width:100%;
}
/* Search button container for right alignment */
div.sbC {
	padding-top:8px;
	padding-bottom:8px;
	border-style:solid;
border-width: 0 0 4px 0;
border-color:black black #06266f black ; 

 }

div.sbC button{
	float:right;
	position:relative;
	top:-22px;
}



/* content tab area width set explicitly ---- layout
   manager doesn't do well with percentages - so we
   set the width to be 4 pixels less than the units setting
   when the layout was created in frameManager */
#contentTabArea {
 height:auto;
 margin-top:11px !important;
 color:#0f0f0f;
 text-align:left; 
 padding:0px;
 margin-left:3px;
 margin-right:3px;
}


/* Tables used by document editor and document review window */

/* docSelector is used by doc editor for doc selection */
#docSelector {
	height: 400px;

 }


table.selectorTable {
	font-size:12px;
	font-weight:bold;
}

table.infoGrid {
	font-size:10px;
	color:rgb(0,100,100);
	width:100%;
	text-align:center;
	margin-top:20px;
	border-style:solid;
	border-width:1px;
	border-color: rgb(0,0,100);
}

table.infoGrid th {
	background-color: rgb(0,0,100);
	color:rgb(220,220,220);
	font-weight: bold;
	}

td.leftCol {
	text-align:right;
	padding-right:2px;
}
td.rightCol {
	text-align:left;
	padding-left:2px;
}








/* style for original message being responded to */
div.oM {
 font-style:italic;
}

div.oM hr {
 color:#00f8f8;
}


/* docEditor --- the DIV that wraps the document editor was assumed height = 1000 w = 1050 */
#docEditorBox {
	background-color:blue;
	width:1010px;
	height:800px;
	padding:5px;
}

/* similar classes for link editor  --- this includes
   the editor and supporting buttons */
#linkEditorArea {
 background-color:#ffffcc; 
 height:600px;
 overflow:auto;
}

/* The editor itself */

div.linkEditorLayout {
 height:60%;
 border-width:2px;
 margin:2px;
 border-color:#f0f0ff;
}

div.tableWrapper {
 height:100%;
 overflow:auto;
}

#traceTable {
 width:100%;
 padding:2px;
 font-size:12px;
 background-color:#c0c0ff;
}


#traceTable td {
 text-align:center;
}

#traceTable th {
 background-color:blue;
 color: #f0f000;
}


/* Container for page being displayed --- almost as tall as
   content area, but leave some space for scrollbars */
iframe.content {
background-color:#f8f8f8;
border-style:solid;
border-width:2px;
border-color:#008080;
margin:6px;
width:98%;
 
height:550px;

}

/* content tabs are positioned absolute to deal with a YUI issue that
   assigns the height of a tabbed area layout to the sum of all block
   style elements - that problem results in unwanted scroll bars. This is
   a work-arounnd that YUI seems to work well with */
   
.contentTab {
	position:relative;
	top:0;
	left:0;
}

#sourceTabs {
	padding-top: 11px;
	margin-top: 0px;
	}


/* note display DIV is the enclosure for the location of where note content is viewed */
#noteDisplayPanel {
	background-color:#336666 !important;
	color:#0f0f0f;
}

#noteTools {
	
	float:right;
	width:295px;
	}


/* Topmost container for the tabbed panels --- cannot use class attribute
   used by yui */
#noteTabArea {

 /* height:auto: */
 height:1500px;
 margin-top:11px;
 
 margin-left:3px;
 margin-right:3px;
 color:#0f0f0f;
 text-align:right; 
 padding:0px;


}


/* area for note envelope information and control buttons */
#noteInfo {
 font-size:12px;
 float:left;
 overflow:auto;
 /*background-color:rgb(247,247,255);  slightly brighter background for note editng work */
}



/* note area holds the panels for envelope information and the note editor.
   It slides out of view during non-editing operations */
div.noteArea {
 width:100%;
 height:600px;
 margin:5px; 
 overflow:hidden;
}

/* styling for info area under note content */


div.nInfo img {
	height:20px;
	width:20px;
	margin-left:10px;
	border-style:solid;
	border-width:1px;
	border-color:black;
	}

/* note area for the editor --- based on right area width of 300 which, after  layout borders,
   leaves around 290 pixels as a working area */
#noteEditorContent {
 color: #4040c0;
 font-size:small;
 
 width:auto;
 height:400px;
 /*float:left;*/
 overflow:auto;
}

/* Posting panel needs an explicit height to 
   kick in  the scroll bars
*/
div.postingPanel {
 height:600px;
 width:auto;
 overflow:auto;
}


div.cLink:hover { 
 color:#fefefe; 
 cursor:pointer;
 }
 
 div.cLink[selected='true'] {
 /* background-color:#568989; */
  background-color: #43a9dc;
  color:#fcfcfc; 
}


 

/* textblock is designed to look a lot like rightSide, but
 with scroll bars and a distinctive frame */
div.scroller {
width:48%;
float:right;
text-align:left;
border-style:solid;
border-color:#808080;
border-width:1px;
padding:3px;
overflow:auto;
} 
 

div.bottomButtons {
width:300px;
text-align:center;
position:absolute;
top:130px;
left:100px;
border-top:groove;
padding:5px;
}

#traceTable span.EbcPointer > button.reqLinkButton {
 background-image:url('../icons/link_left_n.png');
 width:30px;
 height:30px;
}

#traceTable span.EbcPointer > button.fulLinkButton {
 background-image:url('../icons/link_right_n.png');
 width:30px;
 height:30px;
}

#traceTable td > button.reqLinkButton {
 background-image:url('../icons/unknown_n.png');
 width:30px;
 height:30px;
}

#traceTable td > button.fulLinkButton {
 background-image:url('../icons/unknown_n.png');
 width:30px;
 height:30px;
}

.ebcPointer {
 color:yellow;
 font-weight:bold;
 cursor:pointer;
}

.ebcPointer[docref=""] {
  color:yellow;
  font-weight:bold;
}



/* main container for list items */
div.list {
/* background-color:#f0f0c0; */
 font-size: small;
 font-family: arial;
 color: #404040;
 height: 90%;
 padding:2px; 
}

 div.list li {
 color: #0f0f0f;
 font-size:80%;
}

#toggle a {
    padding: 0 5px;
    border-left: 1px solid black;
}
#tRight {
    border-left: none !important;
}



/* Styles for popup panels */
#envelopePanel {
	font-family:arial;
    font-size:small;
    background-color:#6c8cd5;
}

div.optionsGroup {
	 font-family:arial;
	 margin:5px;
	 font-size:small;
	 padding:11px 5px 11px 5px 5px;
	 border-style:solid;
	 border-width:2px;
	 text-align:center;
	 border-color:rgb(217,217,225);
}


/* ---- Styles for main window text and colors  ------- */
div.rightBox {
	width:215px;
	height:465px; 
	color:#ffd300;	
	
}

div.adSpaceSmallSquare {
	 height:200px;
	 width:200px;
	 position:relative;
	 top:400px;
	 border-width:1px;
     border-style:solid;
     border-color:rgb(200,200,0);
	}


/* sponsor stuff appearing on the toolbar (assuming height of 35px)*/
/* reserved for (468x15)   */
div.adPanel_468x15 {
  margin-top:2px;
  width:95%;
  height:31px;
  border-width:1px;
  border-style:solid;
  /* border-color: #6699cc; */
  float:left;
  color:rgb(0,200,200);
}
/* not used .... */
img.sponsorLogo {
	width:147px;
	height:32px;
	float:right;
	border-top-style:solid;
	border-top-width:2px;
	border-top-color:#f0f0f0;
	border-left-style:solid;
	border-left-width:2px;
	border-left-color:#f0f0f0;
	
	}

/* Classes used by posting tree */

img.imageToggle {
	cursor:pointer;
	padding-left:5px;
}

td.selectedBranch____ {
	/*color:#62266f ; */
	color:blue;
	background-color:white;
	font-style:italic;
	}
span.noteLabel{
	font-size:small;
	font-weight:bold;
	}

div.noteText {
	font-size:small;
	}


/* image Buttons peform like 'mini' image.pctBtn - but these images
   are not drawn atop buttons.
*/
img.imageButton {
   padding-left:10px;
}


/*   You tube and content selection */

div.videoPlayer {
	width:475;
	height:375;
	padding-top:15px;
	text-align:center;
}
/* ------------------------- */
/* overrides for YUI widgets */

	
	


.yui-skin-sam .yui-navset .yui-nav a, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav a
{
background-color: #bfa730 !important;
background-image: none !important;
padding:2px !important;
font-size: small !important;
font-weight:bold !important;
border-top-color: #a3a3a3;
border-right-color-value: #a3a3a3;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-bottom-color: #a3a3a3;
border-left-color-value: #a3a3a3;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
border-top-width: 0pt;
border-right-width-value: 1px;
border-bottom-width: 0pt;
border-left-width-value: 1px;
color: #000000;
position: relative;
text-decoration: none;
}

.yui-skin-sam .yui-navset .yui-nav .selected a, .yui-skin-sam .yui-navset .yui-nav .selected a:focus, .yui-skin-sam .yui-navset .yui-nav .selected a:hover 
{
background-color:#a68900 !important;
background-image: url(http://yui.yahooapis.com/2.7.0/build/assets/skins/sam/sprite.png);
background-image: none !important;
background-repeat: repeat-x;
color: #ffffff;
}

/*  ---- unselected tabs with hover --  */
.yui-skin-sam .yui-navset .yui-nav a:hover, .yui-skin-sam .yui-navset .yui-nav a:focus
{
background-image: none !important;
background-color: #cfb740 !important;
outline-color: -moz-use-text-color;
}

.ygtvfocus {
	background-color: #cfb740 !important;
	}


	
/* --  content of the tab areas   */	
.yui-skin-sam .yui-navset .yui-content {
	background-color: #bfa730 !important;
	height: 100%; 	
	overflow: hidden;
}


/* -- affects the box around the tabs   --*/
.yui-skin-sam .yui-navset .yui-nav, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav {
border-color: #a68900 !important;
}


/*   end tabbed area styles   -------------  */


.yui-dt table {
	width:100%;
}

.yui-dt-odd {
 font-size:11px;
  background-color: #ffe773 !important;
}

.yui-dt-even {
 font-size:11px;
 background-color: #ffde40 !important;
}

/* overrides for YUI widgets */
.yui-dt-header {
 font-size:11px;
 font-weight:bold;
 color: #006068 !important;
}

.yui-skin-sam tr.yui-dt-selected td, 
.yui-skin-sam tr.yui-dt-selected td.yui-dt-asc, 
.yui-skin-sam tr.yui-dt-selected td.yui-dt-desc {
background-color: #a64b00 !important;
}

/* need a darker color for hrefs in a paginator */
.yui-dt-liner a,
	.yui-dt-paginator a {
	color: #2a4480 !important;
	}


.yui-skin-sam .yui-dt-body { cursor:pointer; } /* when rows are selectable */
#single { margin-top:2em; }





/* YUI recommendations to help in positioning */
#toggle {
    text-align: center;
    padding: 1em;
}

/*  EBC Buttons used on editor toolbar */
.yui-skin-sam .yui-toolbar-container .yui-toolbar-linkOpt {
  width:80px !important;
}
.yui-skin-sam .yui-toolbar-container .yui-toolbar-clear .yui-toolbar-icon{
 background-image: url(../icons/eraser.png) !important;
 height:16px !important;
 width:16px !important;
 background-color: transparent !imporant;
 background-position: 0px 0px !important;
 left:6px !important;
 top: 2px !imporant;
}


/* reduce the size of the text for the paginator */
.yui-skin-sam .yui-pg-container, .yui-skin-sam .yui-dt-paginator {
	font-size:11px;
	color: #2a4480 !important;
	/* color: #ffe773;  */
}

.yui-skin-sam .yui-pg-first, .yui-skin-sam .yui-pg-previous, .yui-skin-sam .yui-pg-next, 
.yui-skin-sam .yui-pg-last, .yui-skin-sam .yui-pg-current, .yui-skin-sam .yui-pg-pages, .yui-skin-sam .yui-pg-page 
{
/* color:#ffe773 !important; */
color: #2a4480 !important;
}





/* YUI styles for our custom buttons - we use the standard editor sprite pointing to the link  */
.yui-skin-sam   .yui-toolbar-container  .yui-toolbar-doclink span.yui-toolbar-icon  {
 background-position: 0 -792px !important;
 left: 5px; 
}

/* setting our styles for the tree text display */
.ygtvlabel {
	
    background-color: #bfa730 !important;
    font-size:12px !important;
    font-weight:normal !important;
	}



/* Icons for notes that have replies or notes that are 'end points' */
.icon-replies { 
	display:block; 
	height: 24px; 
	padding-left: 24px; 
	padding-right: 4px;
	padding-top: 2px;
	background: transparent url('../icons/posting.png') 0 0px no-repeat; 
    color: black !important;
    font-size:12px !important;
    font-weight:bold !important;
    cursor:pointer;
	}	
	

.icon-noreply {
    display:block; 
	height: 24px; 
	padding-left: 24px; 
	padding-right: 4px;
	padding-top:2px;
	background: transparent url('../icons/posting.png') 0 -24px no-repeat; 
    color: black !important;
    font-size:12px !important;
    font-weight:normal !important;	
    cursor:pointer;
	}



.ygtvcontent .selectedBranch {
	color:white !important;
	background-color: #a64b00;
	}

.icon-doc {
    display:block; 
	height: 24px; 
	padding-left: 24px; 
	padding-right: 4px;
	padding-top:2px;
	background: transparent url('../icons/posting.png') 0 -48px no-repeat; 
    color: black !important;
    font-size:12px !important;
    font-weight:bold !important;	
	}
	
/* Style the text in the header for layout -- should be the same background color
   as the tab (yui-nav) background to make tabs look good. */

.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-hd h2 {
    margin:0 !important;
    padding-left: 4px !important;
    
}
/* This is the background for the panels in the layout manager */
.yui-layout-bd-noft {
	 overflow:auto !important;
	 background-color:  #06266f !important; 
	}

.yui-skin-sam .yui-layout .yui-layout-hd {
	background-image:url('../images/border.png') !important;
	background-position: 0 0 !important;
	background-repeat: repeat-x;
}


/*  popup panels like note and loading dialog */
 
.yui-skin-sam .yui-panel .bd, 
.yui-skin-sam .yui-panel .ft, .yui-skin-sam .yui-panel {
background-color: #6c8cD5 !important;
color:white !important;
}

.yui-skin-sam .yui-panel .hd {
	background-image:url('../images/dlgHeader.png') !important;
	background-position: 0 0 !important;
	background-repeat: repeat-x;
}

/* background color for the collapse bars */
.yui-skin-sam .yui-layout .yui-layout-clip 
{
	background-color: #a68900 !important;
}