/* BZ Jan 2015
css file for Joomla 3 template protostar
copy to /templates/protostar/css/user.css
(new in J35: automatically included when exists!)

module positions:
main menu below banner = position-1
 (in module > Advanced set Menu Class Suffix = ' nav-pills' (with leading blank !?)  to make it horizontal) 
menus to left = position-8
news to right = position-7
bottom links = footer
 (in module > Advanced set Menu Class Suffix = ' nav-pills' (with leading blank !?)  to make it horizontal
  and Menu Tag ID = FooterMenu to enable change bg color to grey below)
template settings : protostar > Style > advanced
logo > select banner image
Google fonts = off
bg colour = #dddddd
colour = #006ba1 (for menu fonts)

other colour settings: 
IDS header/logo blue = #32A8E9; set below
highlighted menus etc = #0088cc (below)

*/
.img_centered {     
  display: block;
  margin-left: auto;
  margin-right: auto; 
  text-align:center; 
}

.header {
  margin-bottom: 2px;
}
.navigation {
  margin-top: 2px;
  margin-bottom: 2px;
}

.header-inner {padding:15px;background-color: #32A8E9;}
/* as a result of above padding, the search box doesn't fit any more,so make it a bit smaller*/
.inputbox.search-query {width: 80%; }

/* this affects all menus */
.nav { 
  font-variant: small-caps;
  font-size:115%;
  background-color: #dddddd; /*#a3ddff;*/
}

#SideMenu {
  background-color:#666666; /* creates a line between menu items */
}
#SideMenu h3 {
  margin:0px;padding:0px;
}
#SideMenu li {
  margin-bottom:1px;
  background-color: #dddddd;
}

.ProjectList a { /*doesn't work*/
  margin-bottom: 20px;
}

hr {
  border-top-color: #cccccc;
}

.nav-child { /*submenus */
  font-size: 90%;
  padding-left: 5px;
}

.navigation .nav-child { /*submenu of main menu */
  background-color: #a3ddff;
}

.nav-pills {
  font-size: 1.25em;
  background-color: #a3ddff;
}

.nav > .active > a,
.nav > .active > a:hover,
.nav > .active > a:focus {
    color: #ffffff;  
   	background-color: #32A8E9; /*rgb(0, 136, 204);*/ 
}

#FooterMenu {
  background-color:#cccccc;
}

.BZtable {
 border-style:none;
 border-width:1px;
/* width:95%; */
 margin: 5px;
 padding-top: 2px;
 width:98%;
 font-size: 90%;
}
.BZtable tr.titlerow  {
	font-weight: bold;
/*	font-size: 120%; */
	background: #dddddd;
}
.BZtable td {
	background: #eeeeee none;
  padding: 5px;
	border-style:solid;
	border-color:black;
	border-width:1pt;
  line-height: 1.1;
  margin: 5px; /* no effect!?*/
	text-align: left;
	padding: 3px;
}
.BZtable td.title {
	text-align: center;
	font-size: 150%;
	color: blue;
}
.BZtable td.coltitle {
	font-weight: bold;
	background: #CCCCCC;
}
.BZtable td.sumcol {
	font-weight: bold;
}
.BZtable td.titlecol  {
	text-align: right;
	font-weight: bold;
/*	font-size: 120%; */
	background: #dddddd;
}
.BZtable td.leftcol {
	text-align: right;
	color: blue;
	width: 150px;
}
.BZtable td.commentcell {
	color: gray;
}

.BZform fieldset {
	width: 580px; 
	min-width: 580px;
	padding:0px;
}

.BZform label {
	width: 250px;
	float: left;
	text-align: right;
	line-height:100%;
	margin-top: 6px;
}
.BZform input, .BZform textarea, .BZform select {
	max-width: 300px;
	margin: 4px;
	margin-top: 6px;
	color: #444;
	float: left;
	padding:1px;
}
.BZform button, .BZform input[type="button"], .BZform  input[type="submit"] {
	text-align:center;
}

.BZform br { /*Always include a BR tag at the end of a line of items, imediately after INPUT etc*/
	clear: left;
}