html {
	height: 100%;
}

body {
    padding-top: 0px;
    padding-bottom: 0px;
    font-family: helvetica,arial,serif;
    font-size: 11pt;
    height: 100%;
}

.zf-green {
    color: #68b604;
}

.btn-success {
  background-color: #57a900;
  background-image: -moz-linear-gradient(top, #70d900, #57a900);
  background-image: -ms-linear-gradient(top, #70d900, #57a900);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70d900), to(#57a900));
  background-image: -webkit-linear-gradient(top, #70d900, #57a900);
  background-image: -o-linear-gradient(top, #70d900, #57a900);
  background-image: linear-gradient(top, #70d900, #57a900);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70d900', endColorstr='#57a900', GradientType=0);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #57a900;
}

.btn-success:active, .btn-success.active {
  background-color: #57a900;
}

div.container a.brand {
    background: url("../img/zf2-logo.png") no-repeat scroll 0 10px transparent;
    margin-left: 0;
    padding: 8px 20px 12px 40px;
}




/*
 * BELOW HERE was copied from the old attsite.
 */
p {
	/* font-size: 10pt; */
}

h1 { color: white;
    font-family: helvetica, arial, serif;
    font-weight: bold;
    font-size: 16pt;
 	margin-right: 8.5mm;
 	margin-top: 0mm;
 	margin-bottom: 0mm;
    text-align: right;
}

h2 { color: white;
    font-family: helvetica, arial, serif;
    font-size: 13pt;
    font-style: normal;
    font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0mm;
	margin-right: 0mm;
	padding-left: 3mm;
	padding-right: 3mm;
}

/*
 * Our H2 are normally in the h2standout boxes.
 */
.h2standout {
	border: 0px solid red;
	/* margin-bottom: 5mm; */
	text-align: left;
}

.h2standout td {
	border: 0px solid green;
}


h3 { color: white;
    background-color: rgb(0, 160, 210);
    font-family: arial, serif;
    font-size: 14pt;
    }

h4 { 
	color: rgb(0, 146, 208);
    font-family: helvetica, arial, serif;
    font-size: 11pt;
    font-weight: bold;
    margin-bottom: 2mm;
    margin-top: 3mm;
}

h5 { 
	/* color: rgb(0, 146, 208); */
    font-family: helvetica, arial, serif;
    font-size: 11pt;
    font-weight: normal;
    margin-bottom: 2mm;
    margin-top: 3mm;
    text-decoration: underline;
}



A:link { 
	color: rgb(0, 146, 208);
	/* font-size: 10pt; */
    font-weight: normal;
}

/* A:visited { color: rgb(0, 146, 208);
    font-weight: normal;
} */

/* A:active { color: rgb(0, 146, 208);
    font-weight: normal;
}*/


ul {
    list-style-type: disc;
}

li { 
	list-style-type: disc;
	padding-bottom: 2mm;
}


.datatable {
	margin-left: 1cm;
	margin-right: 1cm;
}


/* 
 * Table has been modified to
 * use the Twitter Bootstrap styles
 * mainly.
 */
table {
/*
	border: 0px solid red;
	border-spacing: 0px;
	border-collapse: collapse;
	font-size: 11pt; 
*/
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

td {
	/* 
	font-family: helvetica, arial, serif;
	font-size: 10pt; 
	font-weight: normal;
	*/
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}


/*
 * Content & Bottom content sections.
 * These are IDs.
 */
#content {
	font-family: helvetica, arial, serif;
	/* font-size: 10pt; */
	font-weight: normal;
	margin-left: 8.5mm;
	margin-right: 8.5mm;
} 

#bottomcontent {
	margin-left: 8.5mm;
	margin-right: 8.5mm;
	margin-top: 6mm;
	margin-bottom: 6mm;
}

 
/* 
 * Standout Tables 
 *
 * Note that for print preview to work correctly
 * with background images enabled, we need to 
 * put the border and padding aspects directly
 * into the HTML.  For some reason these CSS
 * aspects do not seem to work with Printing and
 * Print Preview.
 */
.standout  {
}

.standout-100 {
	height: 100%;
}

.standout td, .standout-100 td {
	font-family: helvetica, arial, serif;
	/* font-size: 10pt; */
	font-weight: bold;
}

.standout a, .standout-100 a { 
	color: rgb(254, 234, 0);
	font-weight: bold;
	text-decoration: none;
}


/*
 * Two Mini standout tables.
 */
.twoministandouts {
	width: 100%;
/*	height: 100%;  This doesn't work for us the way I want */
}


/*
 * Tabbar table class.
 * The text is blue when it is 
 * not a link.  It is black otherwise.
 *
 * We also need to override
 * the link colour for a tabbar
 * so they are black, and remove
 * their automatic decorations.
 */
.tabbar {
	color: rgb(0, 146, 208);
	font-family: helvetica, arial, serif;
	/* font-size: 10pt; */
	font-weight: bold;
	margin-left: 0mm;
	padding-left: 8px;
	padding-right: 8px;
	text-align: left;
	overflow: hidden;
}

.tabbar a {
	color: black;
	font-weight: bold;
	text-decoration: none;
}


.tabbar td {
	vertical-align: top;	
	padding-top: 4mm;
}


#tabbarcontent {
	height: 13mm;
	overflow: hidden;
}


/*
 * The Search form on every page.
 */
#attsearch {
	float: right;
	padding-right: 4mm;
}

#attsearch li {
	color: red;
	font-size: 10pt;
}

#searchval {
	font-size: 10pt;
	height: 28px;	
}

/*
 * Styles for the search entry (mini) form
 */
#searchentry  {
/* 	float: right; */ 
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 4mm;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}

#searchentry ul li {
	list-style-type: none;
	/* We seem to need to reduce the built in margins top and bottom. */
	margin-top: -1mm;
	margin-bottom: -1mm;
	/* Remove all built-in offsets and lock it to the left. 
	   This only works when we are left-justified. */
	margin-left: -1cm;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}




/*
 * Special classes.
 */
.anythingspossible {
	font-family: helvetica, arial, serif;
	font-size: 13.5pt;
	font-style: normal;
	font-weight: bold;
	padding-bottom: 8mm;
	padding-left: 8.5mm;
	padding-top: 2mm;
}

.spreadout {
	padding-top: 2px;
	padding-bottom: 2px;
}	

/*
 * Table background colours.
 */
.bluebg {
	background-color: rgb(0, 146, 208);
}

.greybg {
	background-color: rgb(229, 233, 241);
}

.yellowbg {
	background-color: rgb(252, 192, 0);
}


/*
 * Navigation classes.
 *
 * Reposition the normal wide navbar.
 */
nav {
	font-size: 10pt;
}

.navbar-static-top, .navbar-fixed-top, .navbar-fixed-bottom {
	background-color: transparent;
	background-image: none;
	border: none;
	box-shadow: none;
	position: absolute;
	left: 50mm;
	top: 22mm;
}
 
.navbar-inverse .navbar-nav > .active > a {
	background-color: transparent;
} 
 
.navbar-inverse .navbar-nav > .active > a {
	/*
	 * A normal menu item.
	 */
	color: black;
	/* font-size: 10pt; */
	font-weight: bold;
	padding-left: 2mm;
	padding-right: 2mm;
	text-shadow: none;
}
 
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
	/*
	 * The "Active" menu item.
	 */
	color: rgb(0, 146, 208);
	/* font-size: 10pt; */
	font-weight: bold;
	padding-left: 2mm;
	padding-right: 2mm;
	text-shadow: none;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus
{
	/*
	 * Hovering over an menu item.
	 */
	background-color: transparent;
}

.navbar-inverse .navbar-toggle
{
	/*
	 * The button used in small screen.
	 */
	margin-top: 0px;
} 
 
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form
{
	/*
	 * When the item are popped up in the narrow menu.
	 */
	background-color: rgb(252, 192, 0);
	border: none;
}
 
.jumbotron {
	font-size: 12pt;
}
 
.topnav ul, .topnap ul li
{
	display: inline; 
	padding: 0px;
}

.topnav ul li a
{
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: black;
	padding: 5px;
}
.breadcrumbs
{
	padding: 4px;
}

footer {
	padding-top: 6mm;
	width: 100%;
}

h3.panel-title {
	background-color: transparent;
	color: dimgrey;
}


/*
 * Formatting for the Articles page.
 */
.articles table 
{
	margin-left: 0mm;
}

.articles td
{
	padding-right: 4mm;
	padding-bottom: 4mm;
}