/*
---------------------------------------------------------------------------------------- header
*/
div.header  div.menu ul li.selected {
	background: url(menuMembersRight.gif) no-repeat right top;
}
div.header div.menu  ul li.selected a {
	background: url(menuMembersLeft.gif) no-repeat left top;
}
div.main{
	background: url(members-main-bg.jpg) no-repeat left top;
}
div.main{
height:190px;
}


.main .headings h3{
font-size:30px;
}

/*
---------------------------------------------------------------------------------------- content
*/
div.left h2 {
	color: #568F07;
}

a {
	color: #568F07;
}

div.left {
	top: 0px;
}
div.right {
	top: 195px;
}

/*
-----------------------------------------------------------------------------------------custom overwriting for tabbed submenu

div.header {
	
}

div.header  H1{
font-size: 3em;
top:55px;
color:#FFFFFF;
}
div.header div.subMenu ul{
top:110px;
margin-left:-4px;
}

div.header div.subMenu ul li{
padding:5px 0px 20px 0px;
width:94px;
text-align:center;
background-image:url(membersAreaTabUp.gif);
background-position:top;
margin:0px;
}
div.header div.subMenu ul li.sep{
visibility:hidden;
width:0px;
background-image:none;
padding:0px;
margin:0px;
}
div.header div.subMenu ul li a{
color:#FFFFFF;
font-weight:bold;
font-size:.9em;
}
div.header div.subMenu ul li.selected{
padding:5px 0px 20px 0px;
background-image:url(membersAreaTabDown.gif);
}*/
div.header div.menuBar ul.subMenu li{
height:21px;
}
div.header div.menuBar ul.subMenu li.sep{
height:12px;
}
div.header div.menuBar ul.subMenu li.selected {
background-color:#8F8B8B;
padding:3px 5px 0px 5px;
margin:2px 0px 0px 0px;
}

/*
--------------------------------------------------------------- overwriting for body submenu
*/


div.left ul.subMenu  {
	padding: 0;
	margin: 0px 0px 0px 0px;
	list-style: none;
	height:20px;
	width: 465px;
	left: 25px;
	
}
div.left ul.subMenu  li {
	background-image: none;
	padding: 0;
	float: left;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	
	
}
div.left ul.subMenu  li a {
	color: #000000;
	background-image: none;
	padding: 0px;
	margin: 0 0 0 0;
	font-size: .9em;
	font-weight: normal;
	white-space:nowrap;
}
div.left ul.subMenu li.selected {
border-bottom: 1px solid #000000;
}
div.left ul.subMenu li.sep {
	border-right: 1px solid #000000;
	margin: 1px 6px 0 3px;
	padding: 3px 0 0 0;
	font-size: 10px;
}

/*
--------------------------------------------------------------- login info panel - now in main bpweb.css


div.right div.loginInfoPanel{
width:220px;
border:4px;
border-color:#F3F3F3;
border-style:solid;
font-size:1.3em;
color:#000000;
padding:10px;
margin:0px 0px 20px 0px;
}
div.right div.loginInfoPanel span.prominent{
font-weight:bold;
}
div.right div.loginInfoPanel UL{
margin:0px;
padding:0px;
list-style:none;

}
div.right div.loginInfoPanel LI{
margin:2px;
padding:0px;
}
div.right div.loginInfoPanel LI span.selected{
font-weight:bold;
}
*/
/*
--------------------------------------------------------------- forms
*/

div.left table.input input{
}
div.left table.input{
}
table.survey col.label {
	width: 400px;
}
table.survey col.field {
	width: 130px;
}

/*
--------------------------------------------------------------- my status form collapses
*/
div.left table.survey tr.noDisplay{
display:none;
}


div.sessionDebug{
width:300px;
position:absolute;
}

/*
--------------------------------------------------------------- regulation table for members homepage
*/
div.left table.grid{
width:460px;
}

div.left table.grid tr td p{
font-size:11px;
margin:0px;
}
div.left table.grid tbody tr td.reg{
width:86px;
}
div.left table.grid tbody tr td.regname{
width:96px;
}
/*
--------------------------------------------------------------- regulation table for members homepage
*/

table.regulationGrid{
width:460px;
font-size:16px;
font-weight:bold;
}
table.regulationGrid tr td{
text-align:center;
height:90px;
}
table.regulationGrid tr th{
font-size:12px;
}

table.regulationGrid tr td.border{
border-bottom:1px solid #CCCCCC;
}

.regulationGridWEEE a{

color:#6e1b51;
}
.regulationGridWEEE div{
background-image:url(gridBg.jpg);
background-repeat:no-repeat;
font-size:13px;
height:145px;
margin:10px 0px 0px 0px;
padding:10px 10px 10px 8px;
}
.regulationGridRoHS a{

color:#0090a3;
}
.regulationGridRoHS div{
background-image:url(gridBg.jpg);
background-repeat:no-repeat;
font-size:13px;
height:145px;
margin:10px 0px 0px 0px;
padding:10px 10px 10px 8px;
}
.regulationGridPackaging a{

color:#10335b;
}
.regulationGridPackaging div{
background-image:url(gridBg.jpg);
background-repeat:no-repeat;
font-size:13px;
height:145px;
margin:10px 0px 0px 0px;
padding:10px 10px 10px 8px;
}
.regulationGridBatteries a{

color:#FE960A;
}
.regulationGridBatteries div{
background-image:url(gridBg.jpg);
background-repeat:no-repeat;
font-size:13px;
height:145px;
margin:10px 0px 0px 0px;
padding:10px 10px 10px 8px;

}




img.regIcon{
text-align:center;
margin:auto;
}




.joinButton{
margin:25px 0px 0px 0px;
cursor:pointer;
}

img.upgradeButton{
margin:25px 0px 0px 0px;
}
img.viewButton{
margin:25px 0px 0px 0px;
}
img.viewFullButton{
margin:40px 0px 0px 0px;
}