* {margin:0; padding:0;}

/* input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
} */


.bordercolor {
font-size: 12px;
font-family: verdana, arial, helvetica, sans-serif;
background-color: #B1BDC9;
}


body  {
background-image:url(https://sheffieldrecordsonline.org.uk/cdn/lsf/images/lgrey170.jpg);
}


.letter2  {
display: inline;
background-color:#2d5c3d;
font-family: Verdana;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
margin-right: -2px;
margin-left: 0px;
padding:5px;
}


.submsg  {
font:12px arial;
background:white;
padding:4px;
border:1px solid black;
}

.comment  {
background: #dbe6dd;
border: 1px solid #072A66;
padding: 2px 4px 2px 4px;
font-size : 14px;
font-family: arial;
font-weight:bold;
}

.comment a:link,
.comment a:visited,
.comment a:active,
.comment a:hover  {
text-decoration: none;
color:red;
}





.juke a:link,
.juke a:visited,
.juke a:active  {
text-decoration: none;
color:red;
}



.juke a:hover  {
text-decoration: underline;
color:red;
}




.section  {
background: #dbe6dd;
border: 1px solid #072A66;
padding: 2px 4px 2px 4px;
}


.abtsec  {
background:#2d5c3d;
color:white;
padding: 2px 4px 2px 4px;
border: 1px solid white;
}




.sharebtn  {
margin-top:4px;
color: #2d5c3d;
font: bold 10px arial;
display: inline;
border: 1px solid #2d5c3d;
background-color:#FFFFFF;
}

.sharebtn a:link,
.sharebtn a:visited,
.sharebtn a:active,
.sharebtn a:hover
{
text-decoration: none;
color:#2d5c3d;
}



/* members list letters  */
.menu2  {
display: inline;
background-color:#2d5c3d;
font-family: Verdana;
color: #FFFFFF;
font-size : 10px;
font-weight:bold;
margin-right: -2px;
margin-left: 0px;
padding:5px;
border: 1px solid white;
}


.menu2 a:link,
.menu2 a:visited,
.menu2 a:active,
.menu2 a:hover
{
text-decoration: none;
color:white;
}


/* members list letters -selected */
.menu2a  {
display: inline;
background-color:#bbc6bd;
font-family: Verdana;
color: #2d5c3d;
font-size : 10px;
font-weight:bold;
margin-right: -2px;
margin-left: 0px;
padding:5px;
border: 2px solid #ffffff;
}


.menu2a a:link,
.menu2a a:visited,
.menu2a a:active,
.menu2a a:hover  {
text-decoration: none;
color:#2d5c3d;
}



.mempageselect {
background: #bbc6bd;
border: 1px solid white;
padding: 1px 3px 1px 3px;
font: bold 10px arial;
color: #2d5c3d;
}



.mempageselect a:link,
.mempageselect a:visited,
.mempageselect a:active,
.mempageselect a:hover  {
text-decoration: none;
color:#2d5c3d;
}




.mempagelink {
background: #2d5c3d;
border: 1px solid white;
padding: 1px 3px 1px 3px;
font: 10px arial;
}


.mempagelink a:active,
.mempagelink a:visited,
.mempagelink a:link,
.mempagelink a:hover
 {
text-decoration: none;
color:white;
}







.menu3  {
background: #ffffff;
border: 1px solid #072A66;
padding: 1px 3px 1px 3px;
font-size : 11px;
font-family: arial;
font-weight:bold;
}


.menu3 a:link,
.menu3 a:visited,
.menu3 a:active,
.menu3 a:hover  {
text-decoration: none;
color:#2d5c3d;
}




.menu3a  {
background: #2d5c3d;
border: 1px solid white;
padding: 1px 3px 1px 3px;
font-size : 11px;
font-family: arial;
font-weight:bold;
}


.menu3a a:link,
.menu3a a:visited,
.menu3a a:active,
.menu3a a:hover  {
text-decoration: none;
color:white;
}




.msg  {
color:white;
font: bold 14px arial;
text-align:center;
}


.bordercolor {
font-size: 12px;
font-family: verdana, arial, helvetica, sans-serif;
background-color: #B1BDC9;
}


.windowbg2 {
background-color: #DBE6DD;
font: 12px arial;
color: #304B58;
line-height: 16px;
padding-top:1px;
padding-bottom: 1px;
}



.windowbgs2 {
background-color: #DBE6DD;
font: 12.5px arial;
color: #304B58;
line-height: 16px;
padding-top:1px;
padding-bottom: 1px;
}


.titlebg {
font-size: 11px;
font-weight: bold;
font-style: normal;
text-decoration: none;
font-family: verdana, helvetica, arial, sans-serif;
color: #ffffff;
/*  background-color: #6699cc;  */
background-color: #2d5c3d;
}



.agsub  {
margin-top:18px;
font-size:13px;
font-weight: bold;
}


.aghead  {
margin-bottom:20px;
margin-top:18px;
font:12px arial;
line-height:14px;
}


.agint  {
padding:10px;
border:1px solid black;
background:white;
font:12px arial;
line-height:14px;
}


.genmed  {
font-size : 11px; 
color : #FFFFFF;
}

.tabletxt  {
color: white;
font-weight: bold;
font-size : 11px; 
}


.tablecss {
border-collapse: collapse; 
border: 1px solid #2d5c3d; 
background: #f1f8ee; 
color: #033; 
}



.tablecss99 {
border: 1px solid #2d5c3d; 
background: #B1BDC9; 
color: #033; 
}







.tablecss2 {
border-collapse: collapse; 
border: 1px solid #2d5c3d; 
background: #f1f8ee; 
font: .7em/0.9em Georgia, "Times New Roman", Times, serif; 
/* color: #033; */
color: #2d5c3d;
}



.tablecss2a {
border-collapse: collapse; 
border: 1px solid #2d5c3d; 
background: #f1f8ee; 
font:12px arial; 
/* color: #033; */
color: #2d5c3d;
}



.tablecss3 {
border-collapse: collapse;
border: 1px solid #2d5c3d; 
background: #f1f8ee;
font: .7em/0.9em Georgia, "Times New Roman", Times, serif; 
font-size: 10px;
color: #033; 
}



.tbody {
font: .7em/0.9em Georgia, "Times New Roman", Times, serif;
line-height:14px;
}

.commtitle  {
color: #FFFFFF;
font: 1.5em/1.9em Georgia, "Times New Roman", Times, serif; 
}


.commtitle2  {
color: #FFFFFF;
font: 16px Georgia, "Times New Roman", Times, serif; 
}


.textarea2 {
width: 600px;
height: 85px;
}


.val  {
border: 0;
margin: 0;
padding: 0;
}


.authtab {
font-weight: bold;
/*  color: #325c91;  */
color: blue;
}



.odd2 { background: #DBE6DD; }
.odd td { background: #DBE6DD;font: 12px arial; }
.odd3 { background: #DBE6DD;font: 12px arial; }
.odd th { background: #6E8D88; }
.sotd { background: yellow; font: 12px arial; }


.even  td  { background: #f1f8ee; font: 12px arial;}



.oddhl td { background: #FFEEAA;font: 12px arial; }
.evenhl td { background: #FFEEAA;font: 12px arial;}






td, th { padding: 2px 2px 2px 5px; }

/*  th { background: #839E99; color: #fff; font-weight: normal; text-align: center; padding-right: .5em; vertical-align: top; }  */
th { background: #2d5c3d; color: #fff; font-weight: normal; text-align: center; padding-right: .5em; vertical-align: top; }


thead th { background: #2C5755; text-align: center; }


/*  td a, td a:link { color: #325C91;  text-decoration: none;}  */
td a, td a:link { color: blue;  text-decoration: none;}
td a:visited { color: blue; }
/*  td a:visited { color: #466C8E; }  */
/*  td a:hover, td a:focus { color: #1E4C94;}  */
td a:hover, td a:focus { color: blue;}
th a, td a:active { color: red; }
th + td { padding-left: .5em; }



.pageback  {
background: #FFFFFF;
border: 1px solid #072A66;
padding: 1px 3px 1px 3px;
font-size : 11px; 
}


.menu  {
background: #FFFFFF;
border: 1px solid #072A66;
padding: 1px 3px 1px 3px;
font-size : 11px;
font-family: arial;
font-weight:bold;
color: red;
}


.menu a:link,
.menu a:visited,
.menu a:active,
.menu a:hover
{
text-decoration: none;
color:red;
}


.pageback a:link,
.pageback a:visited,
.pageback a:active,
.pageback a:hover
{
text-decoration: none;
color:red;
}



.admin_menu  {
background: #DBE6DD;
border: 1px solid #072A66;
padding: 1px 3px 1px 3px;
font-size : 11px;
font-family: arial;
font-weight:bold;
}


.admin_menu a:link,
.admin_menu a:visited,
.admin_menu a:active,
.admin_menu a:hover
{
text-decoration: none;
color:blue;
}



.pagelink {
background: #F0F5FA;
border: 1px solid #072A66;
/* padding: 1px 3px 1px 3px;*/
/* font: 11px arial; */
text-align:center;
line-height:16px;
width:19px;
display:inline-block;
margin:2px 1px 2px 1px;
}

.pagelink a:active,
.pagelink a:visited,
.pagelink a:link,
.jukepagelink a:active,
.jukepagelink a:visited,
.jukepagelink a:link,
.pageselect a:active,
.pageselect a:visited,
.pageselect a:link  {
text-decoration: none;
}



.jukepagelink {
background: #F0F5FA;
border: 1px solid #072A66;
font: 10px arial;
text-align:center;
line-height:14px;
width:16px;
display:inline-block;
margin:2px 1px 0px 1px;
}


.pageselect  {
background: #FFC9A5;
border: 1px solid #072A66;
/* padding: 1px 3px 1px 3px; */
font: 11px arial;

text-align:center;
line-height:16px;
width:19px;
display:inline-block;
}


.mem_pgnum  {
font: bold 14px arial;
}


.pgnum  {
/* font: 11px arial; */
font-size:11px;
font-family:'Trebuchet MS',Helvetica,Arial,sans-serif;
}


/* This is where you can customize the appearance of the tooltip */
div#tipDiv {
position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
background-color:#dee7f7; border:1px solid #336; 
width:350px; 
padding:6px;
color:#000;
/* font-size:11px; */
font-size: 12px;
line-height:1.2;
}


/* These are optional. They demonstrate how you can individually format tooltip content  */
div.tp1 { font-size:12px; color:#336; font-style:italic }
div.tp2 { font-weight:bolder; color:#337; padding-top:4px }


  .centeredcell {
    font-family: "Arial narrow", Arial, sans-serif;
    background-color: #000080;
    font-size: 10px;
    text-align: center;
padding:0 2px 0 0;
  }


.locenteredcell {
font-family: "Arial narrow", Arial, sans-serif;
background-color: #000080;
font-size: 10px;
text-align: center;
padding:0 2px 0 0;
}



.auth_select  {
font-size:11px;
font-family: arial;
color:red;
border: 1px solid #000000; 
padding-bottom:0px;
padding-top:0px;
padding-left:0px;
margin:0px;
}



.auth_select2  {
font:bold 11px arial;
color:red;
border: 1px solid #000000; 
margin:0px;
height:16px;
width:150px;
}



#main-topborder {
margin: 0 auto;
width: 970px;
height: 70px;
background-image: url(https://sheffieldrecordsonline.org.uk/cdn/lsf/images/aaa_top6.png);
background-repeat: no-repeat;
}



#main-header-pre {
margin: 0 auto;
margin-top:20px;
margin-bottom:50px;
width: 970px;
text-align: center;	/* IE-Win hack */
/*	background-image: url(images/paper003.jpg);  
	background-image: url(images/gold-swirls2.jpg); 
	background-image: url(images/pink022.jpg); 
	background-image: url(images/beige164.jpg);
	background-image: url(images/orang052.jpg);
	background-image: url(images/texture4633756.jpg);
*/
background-image: url(https://sheffieldrecordsonline.org.uk/cdn/lsf/images/wood123.gif);
}



#main-header {
margin: 0 auto;
width: 970px;
text-align: center;	/* IE-Win hack */
background-image: url(https://sheffieldrecordsonline.org.uk/cdn/lsf/images/aaa_mid4.png);
background-repeat: repeat-y;
}


#main-botborder {
margin: 0 auto;
width: 970px;
/* height: 41px;  */
height: 70px;
background-image: url(https://sheffieldrecordsonline.org.uk/cdn/lsf/images/aaa_bot5.png);
background-repeat: no-repeat;
}


.formtable  {
background-color:#DBE6DD;
/* width:90px; */
border: 1px solid gray;
white-space: nowrap;
font: bold 12px arial;
}

.formtable2  {
background-color:#DBE6DD;
/* width:286px; */
border: 1px solid gray;
padding-right: 5px;
}


.poweredby  {
color:white;
font:9px arial;
}


.dupeip  A:link {text-decoration: none; color: red;}
.dupeip A:visited {text-decoration: none; color: red;}
.dupeip A:active {text-decoration: none; color: red}
.dupeip A:hover {text-decoration: underline; color: red;} 



#invertedtabs {
margin:auto;
width: 454px;
background-color: transparent;
margin-top: 0px;
}


#invertedtabs ul {
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
margin-bottom: 1em; /*margin between menu and rest of content*/
padding:0;
list-style:none;
}


#invertedtabs li {
display:inline;
margin:0 4px 0 0;
padding:0;
text-transform:uppercase;
line-height: 1.5em;
}


#invertedtabs a {
float:left;
color: white;
background: #2d5c3d url(https://sheffieldrecordsonline.org.uk/cdn/lsf/images/color_tabs_left2.gif) no-repeat left bottom;
margin:0 4px 0 0;
padding:0 0 0 3px;
text-decoration:none;
letter-spacing: 1px;
}


#invertedtabs a span {
float:left;
display:block;
background: transparent url(https://sheffieldrecordsonline.org.uk/cdn/lsf/images/color_tabs_right2.gif) no-repeat right bottom;
padding:3px 3px 3px 2px;
}


#invertedtabs a span {
float:none;
}



#invertedtabs a:hover {
background-color: #d50509;
}


#invertedtabs a:hover span {
background-color: #d50509;
}


#invertedtabs #current a, #invertedtabs #current span { /*currently selected tab*/
background-color: #d50509;
}

#invertedtabsline {
clear: both;
padding: 0;
width: 454px;
height: 4px;
line-height: 4px;
background: #2d5c3d;
border-bottom: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
margin-bottom:0px;
}


#authtabs {
clear:left;
float:left;
padding:0;
border-top:6px solid #2d5c3d;
width:100%;
overflow:hidden;
font-family:arial, serif;
}


#authtabs ul {
float:left;
margin:0;
padding:0;
list-style:none;
position:relative;
left:50%;
text-align:center;
font: bold 11px arial;
}


#authtabs ul li {
display:block;
float:left;
list-style:none;
margin:0;
padding:1px 2px 0px 2px;
position:relative;
right:50%;
text-transform:uppercase;
background:transparent;
}


#authtabs ul li a {
display:block;
float:left;
margin:0 1px 0 0;
padding:6px 6px 6px 6px;
background:#2d5c3d;
text-decoration:none;
color:#fff;
}


#authtabs ul li a:hover {
padding:15px 6px 6px 6px;
/* background:#d50509; */
}


#authtabs ul li.active a {
background:#d50509;
}


#authtabs ul li.active a:hover {
padding:15px 6px 6px 6px;
background:#d50509;
}



.reveal {
display: none;
position:absolute;
top:7px;
left:8px;
height:128px;
width:118px;
font: bold 11px arial;
padding: 10px 0;
background: #111;
filter:alpha(opacity=75);
opacity:.75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
color: #fff;
padding:6px 6px 6px 6px;
text-transform:none;
}


#authtabs a:hover .reveal {
display:block;
}


.wwimg {
position: absolute;
clip: rect(0px 61px 68px 0px);
border: 0;
padding:0;
}


.wwimg:hover {
border: 0;
padding:0;
margin-top: -68px;
clip: rect(68px 61px 136px 0px);
}


.active {
border:thin;
background:#CCCCCC;
}


.textSizeTool span {
padding:2px;
margin:0px;
cursor:pointer;
}


.notelet {
width:400px;
border:1px solid black;
color:black;
font:bold 12px arial;
background-color:yellow;
text-align:left;
padding:6px;
margin-bottom:15px;
}


.authhead {
padding-top:8px;
text-align:left;
font-size:12px;
font-weight:bold;
border-top:1px black solid;
line-height:20px;
vertical-align:middle;
}


.authdiv {
background-color:white;
border-top:1px black solid;
background-image:url(https://sheffieldrecordsonline.org.uk/cdn/lsf/images/lgrey170.jpg);
}


.menuap {
display: inline;
background-color:#2d5c3d;
font-family: Verdana;
color: #FFFFFF;
font-size : 10px;
font-weight:bold;
margin-right: -2px;
margin-left: 0px;
padding:3px;
border: 1px solid white;
}


.menuap a:link,
.menuap a:visited,
.menuap a:active,
.menuap a:hover
{
text-decoration: none;
color:white;
}


/* members list letters -selected */
.menuapa {
display: inline;
background-color:#bbc6bd;
font-family: Verdana;
color: #2d5c3d;
font-size : 10px;
font-weight:bold;
margin-right: -2px;
margin-left: 0px;
padding:3px;
border: 1px solid yellow;
}


.menuapa a:link,
.menuapa a:visited,
.menuapa a:active,
.menuapa a:hover {
text-decoration: none;
color:#2d5c3d;
}



/* ##### Noticeboard  #####  */

.nb {
position:relative;
width:660px;
height:261px;
background-image:url(https://sheffieldrecordsonline.org.uk/cdn/lsf/images/noticeboard.jpg);
text-align:left;
}


.item1 {
position:absolute;
top:76px;
left:174px;
border:1px solid yellow;
text-align:left;
width:100px;
font:normal 11px arial;
float:left;
}


.item2 {
position:absolute;
top:76px;
left:324px;
border:0px solid red;
text-align:left;
width:110px;
height:120px;
font:normal 11px arial;
}


.wink_from, 
.wink_clear, 
.wink_msg {
text-align:center;
border:1px solid black;
padding-left:4px;
padding-right:4px;
color:black;
}


.wink_from {
background:#00FF33;
}


.wink_msg {
background:#FFFF00;
}


.wink_clear {
background:#FFFFCC;
}


.checkbox {
margin:0;
overflow:hidden;
height:13px;
width:13px;
}


.hlp a:link,
.hlp a:visited,
.hlp a:active,
.hlp a:hover {
text-decoration: none;
color:red;
padding-left:10px;
}


/* ########## carousel sub-genre ##########  */


.image {
position: relative;
width: 138px; /* for IE 6 */
/* border:2px solid yellow;   */
}


.image a:active,
.image a:visited,
.image a:link
{
text-decoration: none;
}


.image a:hover {
text-decoration: none;
cursor:pointer;
}


.textabs {
position: absolute;
top: 2px;
left: 20px;
padding:3px;
text-align:center;
font:bold 11px arial;
background:#2d5c3d;
color:white;
border:1px solid black;
}



.shelf1 {
position: absolute;
top: 46px;
left: 20px;
padding:3px;
text-align:center;
font:bold 11px arial;
background:blue;
color:white;
border:1px solid black;
}



.shelf2 {
position: absolute;
top: 76px;
left: 20px;
padding:3px;
text-align:center;
font:bold 11px arial;
background:red;
color:white;
border:1px solid black;
}


.shelf3 {
position: absolute;
top: 107px;
left: 20px;
padding:3px;
text-align:center;
font:bold 11px arial;
background:purple;
color:white;
border:1px solid black;
}


.shelf4 {
position: absolute;
top: 138px;
left: 20px;
padding:3px;
text-align:center;
font:bold 11px arial;
background:brown;
color:white;
border:1px solid black;
}


#jCarouselLiteDemo .carousel {
padding: 10px 0 0 0;
margin: 0 0 20px 10px;
position: relative;
}


/* ########   left and right buttons  ##########  */
#jCarouselLiteDemo .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
float: left; 
}       


#jCarouselLiteDemo .carousel a.prev, #jCarouselLiteDemo .carousel a.next {
display: block;
float: left;  
width: 30px;
height: 167px;
text-decoration: none;
background: url("https://sheffieldrecordsonline.org.uk/cdn/lsf/images/imageNavLeft.gif") left 60px no-repeat;
outline: none;
}


#jCarouselLiteDemo .carousel a.next {
background: url("https://sheffieldrecordsonline.org.uk/cdn/lsf/images/imageNavRight.gif") right 60px no-repeat;
outline: none;
}

/*
#jCarouselLiteDemo .carousel a.next:hover {
background-image: url("images/imageNavRightHover.gif");
}

#jCarouselLiteDemo .carousel a.prev:hover {
background-image: url("images/imageNavLeftHover.gif");
}   

*/

#jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active {
border: none;
outline: none;
}
/* ########   left and right buttons  ##########  */



#jCarouselLiteDemo .carousel .jCarouselLite {
border: 1px solid black; 
float: left; 
background-color: #DBE6DD; 

/* Needed for rendering without flicker */
position: relative;
visibility: hidden;
left: -5000px;
}


#jCarouselLiteDemo .carousel ul {
margin: 0;
}


#jCarouselLiteDemo .carousel li img, 
#jCarouselLiteDemo .carousel li p {
background-color: #fff;
width: 114px;
height:167px;
margin: 10px;
}


#jCarouselLiteDemo .widget img {
cursor: pointer;
}


#jCarouselLiteDemo .mid {
margin-left: 80px;
width: 400px;
height: 300px;
}

            #jCarouselLiteDemo .vertical {
                margin-left: 170px;
            }
                #jCarouselLiteDemo .vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
                    width: 170px;
                }
            #jCarouselLiteDemo .imageSlider li img, 
            #jCarouselLiteDemo .imageSlider li p, 
            #jCarouselLiteDemo .imageSliderExt li img , 
            #jCarouselLiteDemo .imageSliderExt li p {
                width: 400px;
                height: 300px;
            }


/* Default classes for clearing float, also clearing the end without presentational markup*/
.clear { clear: both; }
    .cLeft { clear: left; }
    .cRight { clear: right; }
    .cEnd {
        display: inline-table;
    /* Hides from IE-mac \*/
        height: 1%;
        display: block;
    /* End hide from IE-mac */
    }

        html>body .cEnd {
        height: auto;
    }



/*  ##################  Collaborative stories  ################# */

.tborder  {
background-color: #A8A8A8;
color: #000000;
border: 1px solid #663333;
}

.colhead  {
font: bold 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
color: #FFFFFF;
background: #2d5c3d;
letter-spacing: .01em;
}

.rowalt  {
font: 12px Helvetica, arial;
color: #293a74;
letter-spacing: .01em;
}

.row  {
font: 12px Helvetica, arial;
color: #293a74;
letter-spacing: .01em;
}

.collabtime  {
font:  10px Helvitica, arial;
font-style: italic;
}

.addline  {
border:1px solid #2d5c3d;
font:  12px Helvitica, arial;
text-align: center;
background: #dbe6dd;
}

.addline2  {
border:1px solid #cccccc;
font:  12px Helvitica, arial;
color: #0000AA;
}

.addline3  {
font:  13px Helvitica, arial;
color: #000000;
}

textarea#styled  {
border: 3px solid #cccccc;
padding: 5px;
}




.auth_search {
background: url(https://sheffieldrecordsonline.org.uk/cdn/lsf/images/magni_glass.png) no-repeat scroll right top white;
}

.auth_load  {
background: url(https://sheffieldrecordsonline.org.uk/cdn/lsf/images/loading_auth.gif) no-repeat scroll right top white;
}

.maint  {
height:24px;
line-height:24px;
background:#2d5c3d;
color:white;
margin: 8px 4px 8px 4px;
padding:0 4px 0 4px;;
cursor:pointer;
}




.feat_b_img{float:left; padding-right:20px}
.grey{margin-top:22px; padding:0px; font-size:11px; color:#747474; line-height:13px;}
.grey a{margin:0px; padding:0px; font-size:11px; font-weight:bold; color:#000; text-decoration:none;}
.grey a:hover{color:#ff6600; text-decoration:underline;}
#res_block{margin:0px; margin-top:20px;padding:0px; width:600px; display:block; overflow:hidden;font:12px arial;}
#res_block_body{margin:0px; padding-bottom:0px; width:592px; background:url(https://sheffieldrecordsonline.org.uk/cdn/lsf/images/lgrey170.jpg);text-align:left;border:1px solid black;}
#res_content{margin:0px auto 5px auto; padding: 0; width:562px; position: relative; overflow: hidden; height: 462px;}
#res_content ul {margin:0; padding: 0; width:562px; list-style-type: none; position: relative; top: 0; left: 0; height: 462px;}
#res_content p{margin:10px 0px 0px 0px; padding:0px; color:#5b5b5b; font-size:11px; line-height:15px;}
.res_content_block{margin:0px; padding:19px 0px 19px 0px; width:550px; border-bottom:1px solid #adadad; height:116px; overflow: hidden;}
.res_title a, .res_title {margin:0px; padding:0px; font-size:14px; font-weight:bold; color:#216dcd; text-decoration:none;}
.res_title a:hover{color:#ff6600; text-decoration:none;}


#guide p  {
margin-bottom:5px;
}


.guidex  {
background:#ddffff;
padding:4px;
border:1px dotted grey;
margin-bottom:6px;
}


.motto  {
margin:1px 0 6px 0;
background:#2d5c3d;
color:white;
width:420px;
height:16px;
line-height:16px;
border:1px solid white;
font:11px times;
padding-top:1px;
}


.counter  {
vertical-align:middle;
margin-top:12px;
margin-bottom:0px;
background:#2d5c3d;
width:400px;
padding-top:4px;
padding-bottom:4px;
border:1px solid white;
border-radius:8px;
}


.dayno  {
margin-right:1px;
font:bold 12px arial;
background-image: url(https://sheffieldrecordsonline.org.uk/cdn/lsf/images/daysb.jpg);
background-repeat: no-repeat;
width:35px;
height:32px;
color:#293a74;
vertical-align:middle;
display:inline-block;
zoom:1;
*display:inline;
}


.pubcontent {
margin-top:20px;
width:620px;
border: solid #b6b6b6 1px;
padding: 4px;
background-image:url(https://sheffieldrecordsonline.org.uk/cdn/lsf/images/gold-swirls2.jpg);
}

.pubcontenteb {
margin-top:20px;
width:770px;
border: solid #b6b6b6 1px;
padding: 4px;
background-image:url(https://sheffieldrecordsonline.org.uk/cdn/lsf/images/gold-swirls2.jpg);
}

.pubhead  {
font: bold 22px arial;
color:white;
margin: 10px 0 16px 0;
text-align:center;
}

.ebook a, .ebook_link, .ebook_link:visited, .ebook_link:active  {
color: white;
font-size: 11pt;
font-weight: bold;
text-decoration: none;
}

.ebook_link:hover, .ebook:hover  {
color: #330033;
font-size: 11pt;
font-weight: bold;
text-decoration: none;
}

img.eb:hover {
border:1px solid yellow;
}

img.eb {
border:1px solid #000;
}

.onlinehome  {
text-align:left;
padding:8px;
border: 1px solid gray;
border-radius:10px;
-moz-border-radius:10px;
width:625px;
background:white;
font:bold 11px arial;
margin-top:20px;
}

.authorpage  {
width:550px;
margin-top:0px;
background-color:#dbe6dd;
text-align:center;
border-style:solid;
border-width:6px 1px 2px 1px;
border-color:#2d5c3d;
border-top-left-radius:8px;
border-top-right-radius:8px;
}

.annouter  {
background:#DBE6DD;
width:540px;
padding:2px;
border:1px solid black;
font: 11px arial;
margin:10px 0 0 0;
}

.anninner  {
padding:2px;
border:1px solid gray;
color:white;
font-weight:bold;
background-color:#2d5c3d;
text-align:center;
}


/* #### login #### */
.logspan {
  display: block;
  position: relative;
  margin: 0 auto;
  top: -40px;
  height: 80px;
  width: 80px;
  background: url('images/login.png') center center no-repeat, #f39c12;
  background: url('images/login.png') center center no-repeat, #3498db;
  border-radius: 50%;
  box-shadow: 1px 1px 2px rgba(0,0,0,.3);
}

.h1 {
  font-size: 24px;
  font-weight: 100;
  margin-bottom: 30px;
}

.h2 {
  font-size: .75em;
}

.loginp {
  width: 100%;
  background: #ffffff;
  border: none;
  height: 30px;
  margin-bottom: 15px;
  border-radius: 5px;
  text-align: center;
  font-size: 14px;
  color: #7f8c8d;
}

.logsec {
  width: 245px;
  padding: 0 30px 30px 30px;
  margin: 60px auto;
  text-align: center;
  border-radius: 5px;
  font: 16px Helvetica;
  color: yellow;
  background: #2d5c3d;
}

.logbut {
  width: 100%;
  height: 30px;
  border: none;
  background: #3498db;
  color: #ecf0f1;
  font-weight: 700;
  margin-bottom: 15px;
  border-radius: 5px;
  transition: all ease-in-out .2s;
  border-bottom: 3px solid #2980b9;
}

.logbut:focus {
  outline: none;
}

.logbut:hover {
  background: #2980b9;
}

.loglink a:link,
.loglink a:visited,
.loglink a:active
{
  color: yellow;
  text-decoration: none;
  transition: all ease-in-out .2s;
}

.loglink a:hover
{
  color: white;
}