/* tab.css */
/* section from idtabs.css */

/* ******** END OF IDTABS section ************/
ul {margin:0;padding:0}

.tab-interparagraph-padding
{
	margin-top: 30px;
}
.tab-submit{text-align: center;}
.li-tab
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

/*NB Brian - architectural issue - need to synchronize background color with the variable BOX_COLOR in bm_tab.js*/
.tab-inner{
	padding:5px;margin:0px 0px 0px 0px;height:100%;
	background-color:white; /*#506141;*/
	color:#306141;
	border-left:1px solid #203111;
	border-right:1px solid black;
	border-top:1px solid black;
	} /*for login-inner comments-inner*/

.tab-inner-no-accordion{border-bottom:1px solid black;}

/*BOX_COLOR_DARK : "#677859", //+7 rgb
BOX_COLOR : "#506141", //sync with tab box-color
TEMPLATE_COLOR : "#FFFFFF"
*/
/*
.tab-selected-and-closed{
	color:#FFFFFF;
	background-color:#506141;
	border:#677859;
	border-bottom:1px solid #50614;
}
.tab-selected-and-hover-closed{
	color:#677859;
	background-color:#FFFFFF;
	border:1px solid #677859;
}
.tab-selected-and-open{
	color:#677859; 
	background:#FFFFFF; 
	border:1px solid #FFFFFF;
}
*/
#tab
{
	position: absolute;
	display:block;
	margin: 0 0 0 0;
	padding: 0px;
	border: 1px solid white;
	font-family: verdana, arial, helvetica;
	font-size: 10pt;
	line-height:18px;
	color: gray;
	top: 0px;
	left: 77%;
	height: 600px;
	text-align: left;
	width: 22%;
	min-width: 250px;
	z-index:900;
	opacity: 1;
	/*min-width: 240px;*/
}
#tab ul {padding:0px}
#tab .div-input
{
	border: 0px dotted gray;
	text-align: left;
	margin-bottom: 15px;
	margin-top: 0px;
	margin-left: 0px;
}
#tab .tab-input{margin-left:10px;margin-top:2px;border: 3px solid black} /*outset:#708161 black}*/ /*color is bm_tab.BOX_COLOR_LIGHT*/

/*#tab-inner{background-color: #536445;}*/

.tab-container{height:100%;margin-top:1px;border: 0px solid red;}

.tab-body{
	background-color:transparent;
	margin: 10px 5px 20px 10px;
}

.tab-body-ul
{
	text-align: left;
	padding-bottom: 5px;
	margin-top: 2px;
}
.tab-subtitle
{
	/*border-bottom: 1px solid #aaa;*/
	padding-bottom:0px;
	text-align: left;
	width: 100%;
}
.tab-textarea
{
	margin:0px;
}


.help-inner{
	background-color: #506141;color: white;
	height:430px;}

#helpAccordion{
	width: 100%;
	/*border: 1px solid #6CAF00;*/
	left: 0px;
	top: 0px;
	z-index:100;
	padding:0 0 50 0;
	margin:0;
	height:100%;

}
#helpAccordion dt{
	line-height: 23px;
	background-color: #80df20;
	border-top: 2px solid #DAFF9F;
	border-bottom: 2px solid #6CAF00;
	padding-left:12px;
	color: #fff;
	z-index:999;
	margin-bottom: 0px;
}

#helpAccordion dd{
	overflow: auto;
	z-index:102;
	margin:0 0 0 0;
	padding:0 0 0 0;
	height: 370px; /*	overriden in tab.js */
}
#helpAccordion p{
	margin: 16px 10px;
}
#helpAccordion dt.helpAccordionHover
{
	background-color: #90ef30;
}
#helpAccordion dt.helpAccordionActive
{
	background-color: #6CAF00;
	border-top: 2px solid #80df20;
	border-bottom: 2px solid #000;
}
/*box-outer and box work with blind*/
/*blind height is set on initialization*/
.box-outer
{
	overflow:hidden;

}
/* NB Brian !! change height of box to increase size of accordion. */
.box {
	/*-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
*/
	background:white none repeat scroll 0 0; /*536445*/
	color:#FFFFFF;
	padding:0px;
	margin: 0;
	width:100%;
	}
/*  from idTabs ~ Sean Catchpole  */
/* Style for Usual tabs */
.blind-accordion-menu {
  /*background:#181818;*/
  /*color:#111;*/
  padding:0px 0px;
  width:100%;
  border:0px solid #222;
  margin:0px auto;
  height: 100%;
}
.menu-tab{ list-style:none; float:left; z-index:999;margin:0px 0px -2px 0}

.menu-tab a {
  display:block;
  padding:6px 6px;
  text-decoration:none!important;
  /*margin:1px;*/
  margin-left:0;
  color:#607152;
  border: 1px solid #FFFFFF;
  background-color:white;
}

/* for iToolTip */
.blindMenuToolTip{background-color:yellow}

.menu-tab a{color: #708161}
.menu-tab a:hover {
  color:red;
  }
.menu-tab a.selected {
  border:1px solid #306141;;
	border-bottom:2px solid white; /*** NBNB sync with margin-bottom of .menu-tab to create active tab effect **/
  cursor:default;
	color:#306141;
	font-weight: bold;
  }
.menu-tab .selected:hover {
  cursor:default;
  }
.menu-tab .selected.closed {
	border: 1px solid transparent;
	font-weight:normal;
  }


.blind-accordion-menu div {
  clear:left;
}
/*
.blind-accordion-menu div a { color:#000; font-weight:bold; }
*/
.help-link
{
	color: white;
	border-bottom: 1px solid grey;
	cursor:default;
}
.help-link:hover{cursor:pointer;color:yellow;border-bottom:0px;}

/****** LOGIN *****/
#login{height:600px;}
#login-inner
{
	height:470px;
}

#login-inner .login-content{display:none}
#login-inner .login-content.selected{display:block}
/***** COMMENTS *********/
#comments
{
	height: 97%;
	width: 100%;
}
#comments-inner
{
	text-align:center; /*for submit button. overridden with class for text */
	padding: 8px;
	height:480px;
}

#comments-root
{
	text-align:left;
	font-family: Palatino,Times,serif;
	font-size: 10pt;
	padding: 10px;
	background-color: white;
	color: #306141;
	height:408px;
	overflow:auto;

}
#comments-add-div  /*contains add comment submit button*/
{
	background-color: white;
	padding-top: 25px;
}
.comments-container
{
	border-bottom:1px dotted grey;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom: 5px;
}
.comments-text{}
#your-comments
{
	margin:0px;
	margin-left:2px;
	margin-right:0px;
	padding:2px 2px 2px 2px;
	color:black;
	border: 1px solid DarkKhaki;
	z-index:1010;
	width: 96%;	
	height: 370px;
	background-color: white;
	/*width: 226px;*/
	
}
.comments-invisible, .invisible
{
	display:none;
}

.comment
{
	font-family: verdana, arial, helvetica; 
	font-size: 8pt;
	text-align: left;
}

.comment-name
{
	font-style: italic;
	font-family: verdana, arial, helvetica; 
	text-align: right;
	border-bottom: 1px dotted gray;
	border-right: 0px dotted gray;
	margin-bottom: 10px;
}

.comments-username
{
	text-align: right;
}
.comments-city
{
	text-align: right;
	font-style: italic;
}
/* NB Brian - overridden programatically. fix */
/*
#comments-title, #blind3
{
	background-color: white;
	color: #306141;
}
*/

.commentsMenuToolTip{background-color:yellow}

.comments-tab {
  /*background:#181818;*/
 	padding:0px 0px;
	margin: 0px;
	margin-top: -1px;
	height: 100%;
	border-top:1px solid transparent;
	border-left:1px solid transparent;
	border-right:1px solid transparent;
	border-bottom:1px solid transparent;
	width:50px;
	float:left;
	/*float:center;*/
}
.comments-tab a{color: #708161;}

.comments-tab a:hover{
	color:red;
}
.comments-tab-menu li.selected{
	margin-bottom: -1px;
	border-top:1px solid white;
	border-left:1px solid #306141;
	border-right:1px solid #306141;
	border-bottom:1px solid #306141;
	z-index: 999;
}
.comments-tab-menu li.selected a{font-weight: bold;color: #306141;}
/*mouseup event sets the value of selected.*/
#comments-tab-container .comments-content{display:none}
#comments-tab-container .comments-content.selected{display:block;border: 1px solid #306141;}

/*
.comments-tab-menu{color: #708161}
.comments-tab a.selected{color: #306141}
.tab-selected-and-closed{
	color:#FFFFFF;
	background-color:#506141;
	border:#677859;
	border-bottom:1px solid #506141;
}
.tab-selected-and-hover-closed{
	color:#677859;
	background-color:#FFFFFF;
	border:1px solid #677859;
}
.tab-selected-and-open{
	color:#677859; 
	background:#FFFFFF; 
	border:1px solid #FFFFFF;
}
*/


/*
.comments-tab{border:1px solid blue;height: 25px;width:70px;display:inline;top: 0px;margin-right:0px;}
.comments-tab-selected{border-top: 1px solid transparent};
*/


/****** END COMMENTS ************/
/*
#usual2 { background:#0A0A0A; border:1px solid #1A1A1A; }
#usual2 a { background:#222; }
#usual2 a:hover { background:#000; }
#usual2 a.selected { background:snow; }
#tabs3 { background:#FF9; }
*/

/*
.tab-text
{
	font-family: Palatino,Times,serif;
	text-align: left;
	margin-left: 5px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-top: 5px;
}
*/
/*
.tab-input
{
	font-family: Palatino,Times,serif;
	text-align: left;
	margin-bottom: 5px;
	margin-left: 5px;
}
*/

/*
#tab-wide-narrow
{
	display: none;
	position: absolute;
	z-index:500;
	top: 97%;
	left: -3%;
}
#tab-wide-narrow-jpg
{
	
}
#tab-mask-help
{
	position: absolute;
	display: block;
	margin: 0px;
	border: 1px dotted black;
	font-family: verdana, arial, helvetica
	font-size: 10pt;
	color: gray;
	top: 14%;
	left: 85%;
	height: 75%;
	width: 14%;
	min-width: 120px;
	padding: 5px;
	z-index: 1;	
}
#tab-mask
{
	position: absolute;
	display: block;
	margin: 0px;
	border: 0px solid white;
	background-color: white;
	color: gray;
	font-size: 10pt;
	top: 0%;
	left: 0%;
	height: 200%;
	width: 110%;
	padding: 5px;
	z-index: 399;	
}
.tab-checkbox
{

}
#help
{
	position: absolute;
	display:block;
	margin: 0px;
	border: 1px dotted gray;
	color: gray;
	height: 97%;
	min-height: 450px;
	top: 0%;
	left: 0%;
	width: 100%;
	text-align: center;
	padding: 5px;
	z-index: 300;
}
#help-inner
{
	z-index: 300;
	background-color: white;
}

.tab-button
{
	font-size: 8pt;
	text-align: left;
	margin-top:100px;
	border-left: 1px solid #888;
	border-right: 1px solid #aaa;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #888;
	padding: 3px;
}

#help-subtitle-navigation{width:60px;}
#help-subtitle-overview{width:65px;}
#help-subtitle-shortcuts{width:55px;}

#preferences-change-password, #preferences-personal-info
{
	border: 1px dotted gray;
	margin: 3px;
	padding: 10px;
}
.preferences-body
{
	font-size: 8pt;
	font-family: verdana, arial, helvetica;;
	text-align: left;
	margin-right: 2px;
	margin-top: 6px;
	margin-left: -5px;
	margin-bottom: 2px;
}
#preferences-subtitle-interface{width:60px;}
#preferences-subtitle-personal{width:120px;}
#preferences-interface-button
{
	position: absolute;
	top: 50%;
	left: 10%;
}
#preferences-personal-button
{
	position: absolute;
	top: 50%;
	left: 10%;
}
#preferences-change-password-button
{
	position: absolute;
	top: 50%;
	left: 55%;
}
#city, #email 
{
	margin-left: -30px;
}
#help-navigation-section{}
#help-overview-section{}
#help-shortcuts-section{}

#help-overview-button
{
	position: absolute;
	top: 50%;
	left: 10%;
}
#help-shortcuts-button
{
	position: absolute;
	top: 50%;
	left: 55%;
}
#help-navigation-button
{
	position: absolute;
	top: 50%;
	left: 55%;
}

#help-title
{
	position: absolute;
	padding: 3px;
	margin-top: -35px;
	margin-left: -1px;
	border-top: 1px dotted gray;
	border-left: 1px dotted gray;
	border-bottom: 6px solid white;
	border-right: 1px dotted gray;
	left: 0%;
	font-size: 8pt;
	z-index: 300;
}

#login
{
	position: absolute;
	display:block;
	margin: 0px;
	border: 1px dotted gray;
	font-family: verdana, arial, helvetica;
	color: gray;
	height: 56%;
	min-height:350px;
	top: 0%;
	left: 0%;
	width: 100%;
	text-align: center;
	padding: 5px;
	z-index: 300;
	opacity: 100%;
}
#login-error
{
	color: red;
}
#why-login
{
	padding-top:5px;
}

#login-title
{
	position: absolute;
	display: block;
	padding: 3px;
	margin-top: -35px;
	margin-left: -1px;
	border-top: 1px dotted gray;
	border-left: 1px dotted gray;
	border-bottom: 6px solid white;
	border-right: 1px dotted gray;
	left: 25%;
	font-size: 8pt;
	z-index: 300;
}
#logout
{
	display: none;
	position: absolute;
	top: 3%;
	left: 88%;
	border: 0px dotted green;
}

#logout-inner
{
	left: 44%;
}

#logout-inner:hover
{
	color: #E00;
}


#login-inner:hover
{
}

#login-new-user-info
{
}


#preferences
{

	position: absolute;
	display: none;
	margin: 0px;
	border: 1px dotted gray;
	font-family: verdana, arial, helvetica;
	font-size: 10pt;
	color: gray;
	top: 0%;
	left: 0%;
	height: 100%;
	min-height: 450px;
	padding: 5px;
	width: 100%;
	z-index: 302;
}
#preference-title
{
	position: absolute;
	padding: 3px;
	margin-top: -35px;
	border-top: 1px dotted gray;
	border-left: 1px dotted gray;
	border-bottom: 6px solid white;
	border-right: 1px dotted gray;
	left: 25%;
	font-size: 8pt;
	z-index: 300;
}




#rating
{
	position: absolute;
	display: none;
	margin: 0px;
	border: 1px dotted gray;
	color: gray;
	top: 0%;
	left: 0%;
	height: 75%;
	width: 100%;
	background-color: red;
	padding: 5px;
	z-index: 304;
}

#rating-title
{
	position: absolute;
	padding: 3px;
	margin-top: -35px;
	border-top: 1px dotted gray;
	border-left: 1px dotted gray;
	border-bottom: 8px solid white;
	border-right: 1px dotted gray;
	left: 75%;
	font-size: 8pt;
	z-index: 304;
}


*/