/* changes made: */
/* padding 10px added to #wrap */
/* background for body changed from white to #e5e5e5 */

html {
 overflow-y: scroll;
}

/* "auto" makes the left and right margins center the wrapper */
#wrap { 
	width: 1024px; 
	min-height: 775px;
	overflow: auto;
	margin: 0 auto;
	font-family: Arial;
	font-size: 1em;      /* was 0.875em; */
    background-color: white;
	padding: 10px;
	}

/* wrap especially for membership-form.php to get rid of second scroll bar */
#wrapMF { 
	width: 1024px; 
	min-height: 1700; /* was 775px; */
	overflow: none;
	margin: 0 auto;
	font-family: Arial;
	font-size: 1em;      /* was 0.875em; */
    background-color: white;
	padding: 10px;
	}

/* wrap for popup help pages */	
#wrapH { 				
	width: 500px; 
	min-height: 700px; 
	overflow: auto;
	margin: 0 auto;
	font-family: Arial !important;
	font-size: 0.875em !important;
    background-color: white;
	padding: 10px;
	}

/* text for popup help pages */	
.helptext { 				
	font-family: Arial !important;
	font-size: 0.875em !important; 
	}

.helphdr { 				
	font-family: Arial !important;
/*	font-size: 1.4em; */
	font-weight: 700;
	font-size: x-large;
	}

#wrapform { 							/* puts a feint border around renewal-form etc */
	width: 1024px; 
	margin: 0 auto;
	font-family: Arial;
	font-size: 1em;      /* was 0.875em; */
    background-color: white;
    border: 1px solid #dddddd;
    padding: 10 10 5 10;
	}

#wrapPSUL { 
	width: 1024px;
	min-height: 775px;
	overflow: auto;
/*	margin: 0 auto; */
	margin: -10;
	font-family: Arial;
	font-size: 1em;      /* was 0.875em; */
    background-color: #ffff99;
	padding: 10px;
    color: #000000 !important; 
	}

#wrapview { 
	font-family: Arial;
	}

/* wrap for popup member details */	
#wrapM { 				
	width: 750px; 
/*	min-height: 700px; */
	min-height: 600px;
	overflow: auto;
	margin: 0 auto;
	font-family: Arial !important;
	font-size: 0.875em !important;
    background-color: white;
	padding: 10px;
	}

.padtext {
	  padding: 10px;
	  }

.pad10 {
	  padding: 10px;
	  }

.alignc {
	  text-align: center;	  
	  }

.alignj {
	  text-align: justify;	  
	  }

.alignr {
	  text-align: right;	  
	  }

.alignl {
	  text-align: left;	  
	  }

.alignvt {
	  vertical-align: top;	  
	  }

.alignvc {
	  vertical-align: center;	  
	  }

.text-strike {
	  text-decoration: line-through;	  
	  }

	  .header1 {
      float:top;
      width:100%;
      height:12%;
    }
.menu1 {
      float:top;
      width:100%;
      height:7%;
    }
.mainbody {
      float:bottom;
      width:100%;
      height:100%;
    }

.mainborder {
      float:bottom;
      width:100%;
      height:100%;
      border: 1px solid #dddddd;
      padding: 10 10 10 30;			 		/* top right bottom left */

}

.maintopleft {
      float:left;
      width:63%;
    }

/*                                   css for controlling display of the three panels in fileman.php */	
.maintopleft3 {
      float:left;
      width:33%;
    }

.maintopcentre3 {
      float:left;
      width:28%;
	  border-left: 1px solid #cccccc;
	  border-right: 1px solid #cccccc;
	  padding-left: 25px;
	  font-size: small;
	  }

.hide_maintopcentre3 {
	  visibility: hidden;
      float:left;
      width:28%;
    }

.maintopright3 {
      float:left;
      width:30%;
	  padding-left: 50px;
    }

.hide_maintopright3 {
	  visibility: hidden;
      float:left;
      width:30%;
    }

/*    end of                         css for controlling display of the three panels in fileman.php */	
	
.maintopright {
      float:right;
      width:37%;
    }

.mainbottom {
      clear:both;
      width:100%;
    }

.mainbottom td {
	  font-size: 1em;
    }

.mainbottomcentre {
      clear:both;
      width:100%;
      margin-left: 450;
    }
	
.line5 hr {
    display: block;
    height: 1px;
    border: 0;
    margin: 1em 0;
    padding: 0;
    border-top: 5px solid #ff0000;
    }

.line2 hr {
    display: block;
	width:100%;
    height: 1px;
    border: 0;
    margin: 1em 0 15 0; 		/* top right bottom left */
    padding: 0 0 0 0;
    border-top: 2px solid #ff0000;
    }

.line2-95 hr {
    display: block;
	width:95%;
    height: 1px;
    border: 0;
    margin: 1em 0 15 0; 		/* top right bottom left */
    padding: 0 0 0 0;
    border-top: 1px solid #cccccc;
    }

.line2-95a hr {					/* same as above but top margin specified */
    display: block;
	width:95%;
    height: 1px;
    margin: 1em 0 15 0; 		/* top right bottom left */
    padding: 0 0 0 0;
    border-top: 1px solid #cccccc;
    }


.line1grey hr {
    display: block; 
    height: 1px;
    border: 0;
    margin: 1em 0;
    padding: 0;
    border-top: 1px solid #cccccc; 
	width = 50px;
    }

.vline1 {
    border-left: thick solid #ff0000;
}

.mainbody body {
    background-color: white;
}

.mainbodycentre body {
    background-color: white;
	margin-left: 250px;
}
/* .mainbody p {
    color:darkblue;
    margin-left: 2px;
} */

.mainbody p {
    font-family: Arial;
    color: #888888;
    align: justify;
}

.mainbottom p {
    font-family: Arial;
    color: #888888;
    align: justify;
}
.mainbottom h2 {
    font-family: Arial;
    color: #888888;
    align: justify;
}
.mainbody ul {
    font-family: Arial;
    color: #888888;
}

.listevents li {
    font-family: Arial;
    font-weight: normal;
    color: #666666;
}

.maintopleft p {
    font-family: Arial;
 	font-size: 1em;
    color: #888888;
	text-decoration: none;
}

.hdr-blue {
    color: #3498db; 
	font-family: Arial;
}

.text-grey {
    color: #888888; 
	font-family: Arial;
	font-size: small;
}

.greytext {
    color: #888888; 
}
.bluetext {
    color: #6e49e4; 
}

.redtext {
    color: #ff0000 !important; 
}

.redtext1 {
    color: #ff0000; 
	font-family: Arial;
	font-size: 1em;
}
.redtextbold {
    color: #ff0000;
	font-weight: 700;
	font-size: large;
}

.greytextbold {
    color: #888888;
	font-weight: 700;
}

.renewtext4 P {
    color: #ff0000;
	font-size: large;
	font-weight: 700;
	text-align: center;
}

.redtextsmall {
    color: #ff0000; 
	font-size: small;
}

.redtext18 {
    color: #ff0000; 
 	font-size: 1.5em;
}

.redtext12B {
    color: #ff0000; 
 	font-size: 1.2em;
	font-weight: 700;
}

.redtextbold {
    color: #ff0000; 
	font-weight: bold; 
}

.text-red {
    color: #ff0000; 
	font-family: Arial;
	font-size: small;
}

.text-redN {
    color: #ff0000; 
	font-family: Arial;
	font-size: 1em;
}

.text-red a {
    color: #ff0000; 
	font-family: Arial;
	font-size: small;
}

.bloglist1 {
 width:300px;   
}

.h2-red {
    color: #ff0000; 
	font-family: Arial;
}

/* .dblist td, tr {
    background-color: #eeeeee;
    align: left ;
    border: 1px solid grey;
}

 .dblist a {
    color: #3498db; 
	font-family: Arial;
	font-size: tiny;
	text-decoration: none;
} */

.form1 * {
    font-family: Arial;
	font-size: 14px;
  }

body {
/*	background: white; */
	background: #e5e5e5;
    font-family: Arial;
	color: grey;
	text-decoration: none;
} 

p {
    font-family: Arial;
} 

.fonth h3 {
    font-family: Arial;
	text-decoration: none;
}

.fonth3 {
    font-family: Arial;
	text-decoration: none;
 	font-size: 1.4em;
	font-weight: 700;
	padding: 17 0 10 0;
}

.caption { 
	font-family: Arial;
	font-size: 0.875em;
    color: #3498db;
	padding: 10px;
} 

.caption2 { 
	font-family: Arial;
	font-size: 1.2em; 
    color: #3498db;
	padding: 2px;
} 

.captionNoPad { 
	font-family: Arial;
	font-size: 0.875em;
    color: #3498db;
	padding: 0px;
} 

.tinytxt1 { 
	font-family: Arial;
	font-size: 0.75em;
    color: #3498db;
} 

.tinytxt2 { 
	font-family: Arial;
	font-size: 0.75em;
    color: #000000;
} 

.Xnormaltext { 
	font-family: Arial;
	font-size: 1.2em;
    color: #888888; 
}

.normaltext12 { 
	font-family: Arial;
	font-size: 1.2em;
    color: #888888; 
}
.dropdown1			/* for folder list in filemanager */
{
    height:180px;				/* was 120 */
/*    overflow:hidden; */
    width: 120px;
    margin-top:8px;
    background-image:none;
    margin-left:10px;
    line-height: 14px;
}

.dropdown2a			/* for sub-folder list in filemanager - standard wdith version for short directory names */
{
    height:180px;
/*    overflow:hidden; */
    width: 120px;
    margin-top: -110px;							/* 8px; */
    background-image:none;
    margin-left:129px;
    line-height: 14px;
}

.dropdown2b			/* for sub-folder list in filemanager - wider version for pastevents etc */
{
    height:180px;
/*    overflow:hidden; */
    width: 180px;
    margin-top: -110px;							/* 8px; */
    background-image:none;
    margin-left:129px;
    line-height: 14px;
}

/* below not yet working */
.shadow1 {
    box-shadow: 10px 10px 5px #888888;
} 


.viewBLN {
      float:top;
      width:100%;
	  }

.hide-viewBLN {
	  visibility: hidden;
      float:top;
      width:100%;
    }
	
.hdr1BLN {
      float:top;
      width:100%;
	  }

.hide-hdr1BLN {
	  visibility: hidden;
      float:top;
      width:100%;
    }
	
.createBLN {
      float:top;
      width:100%;
	  }

.hide-createBLN {
	  visibility: hidden;
      float:top;
      width:100%;
    }
	
.composeBLN {
      float:top;
      width:100%;
	  }

.hide_composeBLN {
	  visibility: hidden;
      float:top;
      width:100%;
    }

/* styles used in membersm.php to display status where not= Active	*/
a.hover1:visited, a.hover1:link {color: red;}	
a.hover1:hover, a.hover1:link {color: red;}
	
	
/* below here added after rationalisation */

/* required to force input dates and textarea to Arial (from member.css)*/
input {
    font-family: Arial;
	color: black;
    }

textarea {					// only this style may be required out of this block
    font-family: Arial;
	color: black;
	border: 1px solid #888888 ;
    }

input[type="text"] {
    font-family: Arial;
	color: black;
	}
/* above required to force input dates and textarea to Arial */



.salestopleft {
      float:left;
      width:50%;
    }

.salestopright {
      float:right;
      width:47%;
	  padding: 0 20 0 0 ;
    }

.fixtopleft {
      float:left;
      width:80%;
    }

.fixtopleft p {
	  text-align: justify;
}

.fixtopright {
      float:right;
      width:20%;
	  padding: 0 0 0 0 ;
    }

.imgpad img {
	  padding: 0 0 0 20 ;
	  }

.truncate {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate320 {
  width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* divs for basket.php, officers/bookingm.php, officers/orderm.php */
.show-passenger-known {
	  visibility: visible;
	  }

.hide-passenger-known {
	  visibility: hidden;
    }
/* --------------------------------------------------------------- */

.rightalign {
        text-align: right;
    }

/* settings for input text boxes - padding is needed because of the way various browers handle this aspect */

.resizedTextbox61 {			/* not yet in use */
		width: 400px; 
		height: 20px; 
		padding: 1px
		}	

/* general settings for all input textarea boxes */
textarea { 
	border: 1px solid black;
	padding: 5px;
	font-family: Arial;
	font-size: 1.1em; 
}		
		
		
/* settings for input textarea boxes for officers/fixturem */	
textarea#style1 { 
	width: 600px;
	height: 200px;
}		

textarea#style2 { 
	width: 750px;
	height: 400px;
}		

textarea#style3 { 
	width: 750px;
	height: 200px;
}		

/* new JT settings */
.error {
    color: red;
}

/* new settings for photo.php */
.maxwidth1018 img {
	max-width: 1018px;
	height: auto;
}

.maxwidth1010 img {
	max-width: 1010px;
	height: auto;
}

.width1012 img {
	width: 1012px;
	height: auto; 
	max-height: 1600px;
}

/* new settings for gallery.php */
.maxthumbH img {
	max-height: 170px;
	width: 190px;
}

/* wrap for Unusual Track pages */	
#wrapUT { 				
	width: 1400px; 
	min-height: 700px; 
	overflow: auto;
	margin: 0 auto;
	font-family: Arial !important;
	font-size: 0.875em !important;
    background-color: white;
	padding: 10px;
	}