body
{
	font-family: 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;
	font-size: small;
	font-style: normal;
	color: #666666;
}
h1
 { font-family: Arial, Helvetica, sans-serif; font-size: large; font-weight: bold; font-style: italic;
	height: 28px; padding: 0px; margin: 0px; margin-top: 5px;
}
h2
 { font-family: Arial, Helvetica, sans-serif; font-size: x-large; font-weight: bold; 
 }

table
{ width:100%; margin:auto;
  font-family: Arial, Helvetica, sans-serif; font-size: small;
}

tr
{ width:100%;
}

li {
        display: inline;
        list-style: none;
    }


.mainpic
{
	width: 95%;
	margin-top: 20px;
	
}

.thumbpic
{
	width: 70px; float:left; padding:2px
}

/*
.divleft
{ min-width:295px; max-width:430px; word-wrap:break-word; float:left; font-size: small;
}

.divright
{ max-width:430px; word-wrap:break-word; float:right; font-size: small;
}
*/

.divfullwidth
{
    padding-left:10px; 
	padding-right:10px;
}

.divleft
{ word-wrap:break-word; float:left; 
}

.divright
{ word-wrap:break-word; float:right;
}

.stdButton
{
	height:25px; 
	border:none; 
	color:white; 
	background-color:#2282D2; 
	padding-left:20px; 
	padding-right:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
	.stdButton:hover
	{	color:lightgrey; 

	}


/*expButton
{
	color:lightgrey  !important; 
}
	expButton:hover
	{	text-decoration:underline  !important; 
         color:blue  !important;

	}*/

.barButton
{
	height:25px; 
	border:none; 
	background-color:lightgrey; 
	padding-left:20px; 
	padding-right:20px
}

.selectedBarButton
{
	/*height:50px;*/
	background-color:whitesmoke; 
	border-top: 1px solid lightgrey; 
	border-left: 1px solid lightgrey; 
	border-right: 1px solid lightgrey; 
	border-bottom: 1px solid whitesmoke; 
	padding-left:20px; 
	padding-right:20px;
}

/*Note if below are just commented out then StyleSheet.css is used!! Need to specify the different setting*/
.modalForm
{
     position:inherit;
     top: 60px;
     left: 0%;
     margin-left:0px;
     width: 100%;
     background-color: white;
     z-index: 999;
}

/* Hide grey panel and don't fix position if mobile else 'modal forms' don't scroll*/
.GreyPanel 
{
    position: inherit; top: 0; bottom: 0; left: 0; right: 0; width: 0px; height: 0px; background-color: black; opacity: 0.2; z-index: 998
}

.TopSpacerRow
{  
    display: none;
}

/*.clsCopyright
{
     font-size:xx-small; background-color:green
}*/


/* OnTrack*/