body
{
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color:rgb(158,158,158);
background-color: transparent;
margin-left:auto; 
margin-right:auto;
line-height: 1;
}

a { font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #1374A5; text-decoration: underline}

a:hover { font-family: Arial, Verdana, sans-serif; font-size: 14px; color:rgb(113,113,113);}

/**************************
* override bootstrap headings
***************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Arial, Verdana, sans-serif;
	color: #006699
}

h1 { font-size: 24px;}
h2 { font-size: 18px;}
h3 { font-size: 14px;}
h4 { font-size: 14px;}
h5 { font-size: 8px; } 
h6 { font-size: 6px; }

hr{ color:#999999; background-color:#999999; width:90%; height:2px; }

.content {
font-family: Arial, Verdana, sans-serif;
font-size: 20px;
color:rgb(51,51,51);
}

.center
{ 
text-align: center;
}

img.resizable
{
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin-left:auto; 
	margin-right:auto;
}

/* ***************************************
*** Start of CSS for tables            ***
*************************************** */
table {
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color:rgb(158,158,158);
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border-width: 0px 0px 0px 0px;
border-spacing: 2px 2px;
border-style: outset outset outset outset;
border-color: #006699;
border-collapse: collapse;
background-color: transparent;
margin-left:auto; 
margin-right:auto
}
table th {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: inset inset inset inset;
	border-color: #006699;
	background-color: transparent;
	-moz-border-radius: 0px 0px 0px 0px;
}
table td {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: inset inset inset inset;
	border-color: #006699;
	background-color: transparent;
	-moz-border-radius: 0px 0px 0px 0px;
}

table caption {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: inset inset inset inset;
	border-color: #006699;
	font-size: 16px;
	color:rgb(158,158,158);
	background-color: Transparent;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.admin
{
color:black;
margin-left: 0px;
margin: 0 auto; 
text-align: left;
}

table.admin td
{
border-width: 1px;
border-color: #886699;
}
table.admin th
{
border-width:1px; 
border-color: #886699;
background-color: #886699;
color:white
}
table.admin th.smtext
{
	font-size: 10px;
}
table.alias
{
color:black;
margin-left: 0px;
margin: 0 auto; 
text-align: left;
}
table.alias td, th
{
border:1px solid #006699
}
table.alias th
{
background-color: #006699;
color:white
}
table.alias th.smtext
{
	font-size: 10px;
}
table.alias td{
	
}
td.smtxt {
font-size: 12px
} 
td.right {
text-align: right
} 
td.left {
text-align: left
} 
td.lefttop {
text-align: left;
vertical-align: top
} 
th.right {
text-align: right
} 
th.left {
text-align: left
}
th.drivername {
text-align: left;
width:150px;
} 


table.results{
border: "0";
cellspacing: "0";
cellpadding: "2";
font-family: Arial, Verdana, sans-serif;
font-size: 14px;
color:black;
border-collapse:collapse;
background-color: transparent;
margin: 0 auto;
}

table.results th{
background-color: #006699;
color:white;
border: none
}

table.results tr{
text-align: center;
border: none
}
table.results td{
padding-right: 8px;
padding-left: 8px;
border: none
}
table.results td.onepad{
padding: 1px;
border: none
}

.middletext{
text-align:center;
}
.lefttext{
text-align:left;
}
.righttext{
text-align:right;
}
.bluecell{
text-align:center;
background-color: #006699;
color:white;
border: none
}
#mainhead {
	font-family: Arial, Verdana, sans-serif; 
	color: #006699; 
	font-size: 20px;

  	display: block;
  	
  	margin-right: auto;
  	margin-left: auto;
  	text-align: center;

	
	top:4px
}

.centerdiv
{
font-size: 12px;
top: 6px;
background: transparent;
text-align: center;	
}
/* *********************************************************
*** Container to hold lists and reports to fill double     *
***  width boxes i.e. LHS + RHS UPPER and  LOWER spaces    *
********************************************************* */

#allwidthcontainer {
    font-size: 12px;
	margin-left:0px;
	top: 40px;
	background: transparent;
	text-align: center;
}

button.tinyroundbtn {
background-color: rgb(236,236,236);
font-family: Arial, Verdana, sans-serif;
font-size: 6pt;
color: blue;
width: 12px;
height: 16px;
margin: 0px 0px 0px 0px;
padding 0px;
vertical-align: baseline 
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 1p solid #999
}
button.tinyroundbtn:hover {
background:#fff;
color:#09C;
}
button.flatbtn
{ 
background-color: rgb(236,236,236);
font-family: Arial, Verdana, sans-serif;
font-size: 8pt;
color: #006699;
/*width: 54px;*/
height: 20px;
margin: 0px 2px 0px 2px;
padding 0px;
/* IE8 and below cannot have border radius'
-moz is to support mozilla (firefox) < version 5
-webkit supports safari and chrom older versions */
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border: 1p solid #999;
vertical-align: baseline
}

button.flatbtn:hover {
background:#fff;
color:#09C
}
button.formbtn
{ 
background-color: rgb(236,236,236);
font-family: Arial, Verdana, sans-serif;
color: #006699;
width : 80px;
margin: 4px 2px 4px 2px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border: 1p solid #999
/*float: right
border: 2px outset rgb(0,102,153) */
}
button.formbtn:hover {
background:#fff;
color:#09C;
}	

button.formbtngreyed
{ 
background-color: rgb(236,236,236);
font-family: Arial, Verdana, sans-serif;
color: rgb(150,150,150);
width : 80px;
margin: 4px 2px 4px 2px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

button.formbtnwide
{ 
background-color: rgb(236,236,236);
font-family: Arial, Verdana, sans-serif;
color: #006699;
width : 200px;
margin: 4px 2px 4px 2px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border: 1p solid #999
/*float: right
border: 2px outset rgb(0,102,153) */
}
button.formbtnwide:hover {
background:#fff;
color:#09C;
}		
	
/* NEW TABS CSS */	
	
pre {text-indent: 30px} 
#tabmenu { 
color: #fff;
font-size: 16px;
font-family: Arial, Verdana, sans-serif;
font-weight:bold;
border-bottom: 1px solid black; 
margin: 12px 0px 0px 0px; 
padding: 0px; z-index: 1; 
padding-left: 10px 
} 

#tabmenu li { 
display: inline; 
overflow: hidden; 
list-style-type: none; 
} 

#tabmenu a, a.active { 
color: #fff; background: #006699; 
border: 1px solid black; 
padding: 2px 5px 0px 5px; 
margin: 0px; text-decoration: none; 
cursor:hand; 
} 

#tabmenu a.active { 
background: #ffffff;
color: #006699; 
border-bottom: 3px solid #ffffff; 
} 

#tabmenu a:hover { 
color: #fff; background: #f90; 
} 

#tabmenu a.active:hover { 
background: #ffffff; color: #f90; 
} 

#content {
text-align: justify; background: #ffffff; padding: 20px; 
border: 1px solid black; border-top: none; z-index: 2; 
} 

#content a { 
color: #006699; 
} 

#content a:hover { 
background: #aaaaaa; 
}

/* *******************************************
*** Start of CSS for LHS menu navigation   ***
******************************************* */
#navigation {
    
    font-size: 14px;
    text-align: left;
    top: 6px;
	z-index:10000;
}
#navigation ul {
	    margin: 0px;
	    padding: 0px;
}
	
#navigation ul.top-level { background: #006699; }
		
#a_navigation li {
	background: #886699;
}

#navigation li { list-style: none; }
        
ul.top-level li {
            border-bottom: #fff solid;
            border-top: #fff solid;
            border-width: 1px;
}
			
#navigation a {
				color: #fff;
				cursor: pointer;
				display:block;
				height:25px;
				line-height: 25px;
				text-indent: 10px;					
				text-decoration:none;
				width:100%;

}
			
#navigation a:hover{ text-decoration:underline;	}
	        
#navigation li:hover {
	            background: #f90;
	            position: relative;
}
        
ul.sub-level { display: none; }
        
li:hover .sub-level {
            background: #999;
            border: #fff solid;
            border-width: 1px;
            display: block;
            position: absolute;
            left: 75px;
            top: 5px;
}
        
ul.sub-level li {
			border: none;
			float:left;
			width:150px; 
}
		
#navigation .sub-level { background: #999; }
		
#navigation .sub-level .sub-level { background: #09C; }

						
	/*IE RESET HELPER*/
	li:hover .sub-level .sub-level { display:none; }
	.sub-level li:hover .sub-level { display:block; }
	
/* *******************************************
*** Start of CSS for RHS content		   ***
******************************************* */ 
#partwidth {
	margin-top: 6px;
}

/* ***************************************
*** Start of CSS for Forms and buttons ***
*************************************** */
.fitdivwidth {
    display: inline;
    width: 100%;
    margin-right: 0%;
  	margin-left: 0%;
    box-sizing: border-box; /* CSS3 */
    -moz-box-sizing: border-box; /* Firefox */
    -ms-box-sizing: border-box; /* IE8 */
    -webkit-box-sizing: border-box; /* Safari */
    -khtml-box-sizing: border-box; /* Konqueror */
}

.form-group {
	/* Modify bootstrap css behaviour a bit */
	margin-bottom: 2px;
}
.form-control
{
	/* Modify bootstrap css behaviour a bit */
	height			: 30px;
	padding-top		: 2px;
	padding-right	: 12px;
	padding-bottom	: 2px;
	padding-left	: 12px;
}
.control-label
{
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif; 
	padding-top: 0px;
	color: #006699
}

label.optionlist
{
padding-top: 4px;
width: 300px
}

label.above
{
width: 100%;
float: left;
text-align: left;
margin-left: 5%;
display: block;
font-family: Arial, Verdana, sans-serif; 
font-size: 12px;
color: #006699;
}

input.formbtn
{ 
background-color: rgb(236,236,236);
font-family: Arial, Verdana, sans-serif;
color: #006699;
width : 80px;
margin: 4px 2px 4px 2px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border: 1p solid #999
/*float: right
border: 2px outset rgb(0,102,153) */
}
input.formbtn:hover {
background:#fff;
color:#09C;
}

/* Override Bootstrap Form CSS potential to have a different colour/look for protected text in a form  */
form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background-color: #006699;
color: white;
opacity: 1;
}


/* *************************************************************  */
/* Form CSS for Red coloured forms, used for database activities  */
/* *************************************************************  */

label.redcol
{
color: red;
}

.redbtn
{ 
background-color: rgb(255,212,200);
font-family: Arial, Verdana, sans-serif;
color: red;
margin: 4px 2px 4px 2px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border: 1p solid #999;
/*border: 2px outset rgb(0,102,153) */
}
input.redbtn:hover {
background:#fff;
color:#09C;
}
.redwarning {
font-family: arial, serif;
font-size: 14px;
color: red;
font-weight: normal
}
/* *************************************************************  */