/* 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: text-top; text-align:left; border-style:solid; border-width:thin; }}
@media print {td {font-size: small; color: black; padding: 5px; vertical-align: text-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; }
.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; }
.styleNoBorder {border-style:none; }
.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 {#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; }

/* 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; }