/* srs.css CSS Document for use in Signalling Record Society web site */

/* general page layout --
  navigation panel at left side, will remain in view on all pages.
  main panel will appear to the right of the navigation panel.
  variations of style to be controlled by nesting div sections inside the main section as necessary. */
  
/* any entry in the list below will be overwritten by a later entry affecting the same group */

/* entries having overall effect */
@media screen {body {font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif; background-color: #EEFFFF;  background-image:url(images/pagebackground.jpg); background-repeat:repeat-y; }}
@media print {body {font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif; }}

h1 {font-size: xx-large; color: green; font-weight: bold; padding-bottom: 10px; text-align:center; }
h2 {font-size: x-large; color: navy; font-weight: bold; padding-bottom: 5px; }
h3 {font-size: large; color: navy; font-weight: bold; padding-bottom: 5px; }
h4 {font-size: medium; color: navy; font-weight: bold; padding-bottom: 5px; }
h5 {font-size: small; color: navy; font-weight: bold; padding-bottom: 5px; }
h6 {font-size: x-small; color: navy; font-weight: bold; padding-bottom: 5px; }

@media screen {p {font-size: medium; color: black; }}
@media print {p {font-size: small; color: black; }}

@media screen {th {font-size: medium; font-weight:bold; color: black; padding: 5px; vertical-align: text-top; text-align:left; border-style:solid; border-width:thin; }}
@media print {th {font-size: small; font-weight:bold; color: black; padding: 5px; vertical-align: text-top; text-align:left; border-style:solid; border-width:thin; }}

@media screen {td {font-size: medium; color: black; padding: 5px; vertical-align:top; text-align:left; border-style:solid; border-width:thin; }}
@media print {td {font-size: small; color: black; padding: 5px; vertical-align:top; text-align:left; border-style:solid; border-width:thin; }}

/*ul {list-style-type:none; list-style-image: none; margin: 0; paddding: 0; }*/
input.styleMenuMain { position:relative!important; z-index:5000!important; }
input.styleMenuSmallWide { position:relative!important; z-index:5000!important; }
@media screen {.anylinkcss {position: fixed!important; absolute; left: 0; top: 0; visibility: hidden; }}
/* although anylinkshadow isn't used, both that and anylinkcss need to be suppressed for printing */
/* otherwise the browser will print invisible menu items at the end giving rise to a blank page */
/* numbered within the page sequence */
@media print {.anylinkcss, .anylinkshadow {display: none!important; }}

.styleCentre {text-align:center; }
.styleFloatLeft {float:left;  margin-right:10px; }
.styleFloatRight {float:right;  margin-left:10px; }
.styleJoint {color: blue; }
.styleLarge {font-size: large; }
.styleMedium {font-size: medium; }
.styleMenuMain {font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif; font-size:medium; font-weight:bold; color:red; background-color:silver; width:131px; }
.styleMenuSmall {font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif; font-size:small; font-weight:bold; color:red; background-color:silver; width:100px; }
.styleMenuSmallWide {font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif; font-size:small; font-weight:bold; color:red; background-color:silver; width:170px; }
.styleMenuWide {font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif; font-size:medium; font-weight:bold; color:red; background-color:silver; width:226px; }
.styleMenuWidest {font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif; font-size:medium; font-weight:bold; color:red; background-color:silver; width:342px; }
.styleNoBorder {border-style:none; }
.styleLC {color: #777777 }	/* for level crossings etc */
.styleRed {color: #FF0000 }
.styleRight {text-align:right; }
.styleSend {font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif; font-size:medium; font-weight:bold; color:black; background-color:#99FF00; width:180px; }
.styleSmall {font-size: small; }

/*Credits for thumbnail code: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail{position: relative ; z-index: 0; }
.thumbnail:hover{ background-color: transparent; z-index: 10000; }
/*CSS for enlarged image*/
.thumbnail span{position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px ; visibility: hidden; color: black; text-decoration: none; }
/*CSS for enlarged image*/
.thumbnail span img{ border-width: 0; padding: 1px; }
/*CSS for enlarged image on hover*/
.thumbnail:hover span{ visibility: visible; top: 0; left: 30px; }

/* entries with effect limited to a division */
/* media print entries are needed for every div that needs to be omitted from the printed copy */
@media screen {#lastupdate {position: fixed; top: 35px; left: 0px; width: 150px; text-align: center; }}
@media print {#lastupdate {display: none; }}
@media screen {#pageupdate {position: fixed; top: 5px; left: 0px; width: 150px; text-align: center; }}
@media print {#pageupdate {display: none; }}
@media screen {#navigation {position: fixed; top: 105px; left: 0px; width: 150px; text-align: center; }}
@media print {#navigation {display: none; }}
/* color #99BBDD is also nice */
@media screen {#main {position: absolute; top: 3px; left: 171px; width: 690px; text-align: justify; }}
@media print {#main {text-align: justify; }}
@media print {#navigationbuttons {display: none; }}
/* article must have everything wrapped in a blockquote in order to force a left margin in background colour */
/* padding commands don't seem to work as a div directive */
#article {position:absolute; top: 0px; left: 0px; width: 890px; background-color: #EEFFFF; text-align: justify; }
#footer {text-align: center; }
#images {margin:3px; border:1px solid #3399FF; float:left; text-align:center; }
#imagesblank {margin:3px; float:left; text-align:center; }
#images img {display:inline; margin:5px; border:3px ridge #3399FF; }
#images-caption {text-align:center; margin-bottom:7px; }

/* entries affecting links */
a:link {color: red; }
a:visited {color: purple; }
a:hover {color: yellow; }
a:active {color: green; }

/* this next batch is required for the DHTML Window routines */
.dhtmlwindow{position: absolute; border: 2px solid black; visibility: hidden; background-color: white; }
.drag-handle{padding: 1px; text-indent: 3px; font: bold 14px Arial; background-color: #CA0000; color: white; cursor: move; overflow: hidden; width: auto; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.drag-handle .drag-controls{position: absolute; right: 1px; top: 2px; cursor: hand; cursor: pointer; }
.drag-contentarea{border-top: 1px solid brown; background-color: white; color: black; height: 150px; padding: 2px; overflow: auto; }
.drag-statusarea{border-top: 1px solid gray; background-color: #F8F8F8; height: 13px; } 
.drag-resizearea{float: right; width: 13px; height: 13px; cursor: nw-resize; font-size: 0; }

/* this next batch is required for the Lightbox v1 routines */
/* to use it effectively make pictures for the large view and then use same image with width & height commands as thumbnail */
#lightbox{background-color:#EEFFFF; padding: 10px; border: 3px solid #3399FF; }
#lightboxDetails{font-size: 0.8em; padding-top: 0.4em;	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }
#overlay{ background-image: url(overlay.png); }
* html #overlay{background-color: #333; back\ground-color: transparent; background-image: url(blank.gif); 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale"); }