/* www.twee.net 
   Trend Style Sheet File 
   Version 28-Dec-2019
*/

/* ----- New Trend Styles ------ */

img {
    max-width: 100%;
}

/* ----- Standard Tags ------ */

H1
{
	font-size:1.6em;
	margin-bottom: 0px;
	FONT-WEIGHT: lighter; 
}
H2
{
    font-size: 1.7em;
    FONT-WEIGHT: lighter;
}
H8
{
    font-size: 1.3em;
    FONT-WEIGHT: lighter;
}

TD H3
{
    font-size: 1.25em;
  	color: #cc6666;
    padding-top : 8px;
    padding-bottom : 5px;
}

TD
{
/*	font-size: 0.8em;  */
}

TH
{
/*	font-size: 0.8em; */
}

UL
{
    LINE-HEIGHT: 130%;
}


PRE
{
	font-size: 1.2em;
}

/* ----- Classes ------ */

.alphabet
{
    font-size: 1.6em;
    LINE-HEIGHT: 120%;
    PADDING-BOTTOM: 1pt;
}

.thinborder
{
	border: 1px solid #7DA660;
}

div.print
{
	font-size: 0.8em;
}

img.banner
{
	margin:10px;
}

.code
{
    font-family: 'Courier New',monospace;
    font-size: 1.2em;
}
.headline
{
    font-size: 1.8em;
}
.head1
{
    font-size: 1.6em;
    LINE-HEIGHT: 1.2em;
}

.head2
{
    font-size: 1.05em;
    color : #cc6666;
    padding-top : 8px;
    padding-bottom : 5px;
}
.head3
{
    font-size: 1.6em;
    LINE-HEIGHT: 120%;
    PADDING-BOTTOM: 1pt;
}
.head4
{
    font-size: 1.3em;
    LINE-HEIGHT: 110%;
    PADDING-BOTTOM: 1pt;
}
.head5
{
	font-weight: bolder;
	LINE-HEIGHT: 110%;
	PADDING-BOTTOM: 1pt;
}

.head6
{
	font-weight: bolder;
	padding-top: 10px;
	padding-bottom: 3px;
}

.smallprint{
    font-size: 0.8em;
}

.mono
{
    font-family: 'Courier New', Courier, Mono,monospace ;
    font-size: 1.2em;
}
.news
{
    font-size: 1.0em;
}
.lettergroup
{
    font-family: 'Courier New', Courier, Mono,monospace ;
    font-size: 1.8em;
    LINE-HEIGHT: 120%;
    PADDING-BOTTOM: 1pt;
    margin-top: 10px;
	font-weight: bolder;
}

.newstitle
{
    FONT-WEIGHT: bolder;
}

.paragraph
{ 
	margin-bottom: 10px;
}

span.newsinfo
{
    font-size: 0.8em;
}
.songs
{
    LINE-HEIGHT: 110%;
    LIST-STYLE: square;
}
.warning
{
	margin-top:5px;
    COLOR: red;
    font-size: 1.0em;
    FONT-WEIGHT: bolder;  
    PADDING-BOTTOM: 3px;
    padding-top:3px;
}

.searchterms
{
}

#searchwarning
{
    COLOR: red;   
    FONT-WEIGHT: bolder;
}

#searchcriteria
{
	border: 1px solid green;
	margin-top: 4px;
}

#searchresulttext
{
}

/* ----- Navigation Classes ------ */

.navbody
{
}

.navitem
{

}
.navheader
{
    COLOR: white;
    FONT-WEIGHT: bolder;
}
.navpageinfo
{
    /* keep fixed size here */
	font-size: 10px;
}
.navinfo
{
	font-size: 0.6em;
	height: 10px;
}

.navsearchform
{
	margin-bottom:0px;
}

.navsearchinput
{
	width:128px;
}

.navsearchsubmit
{
	width:30px;
}

.tabsong
{
	padding-left : 20px;
}
.tabinfo
{
	padding-left : 20px;
}
.discoheader
{
   font-size: 1.05em;
   color : #cc6666;
   padding-top: 10px;
}

.inlineheadline
{
    font-size: 1.2em;	
    font-weight:bold;
    color: #555555;
    padding-top: 8px;
    padding-bottom: 5px;
}

.indiepopbody
{

}

.tablebordered
{
	border-bottom: 1px solid #7DA660;
	border-right: 1px solid #7DA660;
}
.tablecellbordered
{
	border-top: 1px solid #7DA660;
	border-left: 1px solid #7DA660;
	vertical-align: top;
}

div.listItem
{
	padding-bottom:6px;
}

div.listItem::first-line
{
	font-weight:bold;
}

div.standaloneLine
{
	padding-bottom:5px;
}

.infoBox
{
	border: 1px solid #7DA660;
	padding: 5px;
	margin-bottom:5px;
	margin-top:5px;
}

.infoBoxInline
{
	border: 1px solid #7DA660;
	padding: 5px;
    display:inline-block;
	margin-bottom:5px;
	margin-top:5px;
}

.moreLink
{
	font-size:0.8em;
	font-weight:normal;
}

.InfoPanel
{
	border: solid 1px #DDD;
	font-size:1.1em;
	padding: 3px;
	margin: 5px;
}

#iframeContent
{
	margin: 10px;
	font-size:0.8em;
}

.SearchResult
{
	padding-top:5px;
	padding-bottom:4px;
    font-size:1.4em;
}

.SearchResultLink
{
	position:absolute;
	left:50px;
}

div.listItemHeader
{
	padding-top:4px;
	font-weight:bold;
}

div.listItemBody
{
	padding-bottom:6px;
}

#coverimage
{
	/*position:absolute;
	right:30px;
	top:70px;*/
	float: right;
	margin-top: -15px;
}

.TopLink
{
	font-weight:bold;
}

.TextBlock
{
	padding: 10px 5px 10px 5px;
}

.IndentedBlock
{
	padding: 5px 5px 5px 15px;
}

input.txtBoxLong
{
	width: 600px;
}
textarea.txtCodeLong
{
	width: 600px;
	font-family: Arial, sans-serif, Helvetica;
	font-size:0.9em;
}


.homePartHeader
{
   font-size: 1.05em;
   color : #cc6666;
   padding-top: 10px;
   padding-bottom: 2px;
   margin-bottom: 4px;
   border-bottom: solid 1px #cc6666;
}

div.releasesongs
{
    padding-left : 20px;
}

div.releaseitem
{
    margin-top:5px;
}


.disabledText
{
    color:#999;
}

#pollvotes div.votes span
{
   position:absolute;
   left:40px;
}

/* Layout.css 
============================================================== */

/*  
	www.twee.net Main Style Sheet 
	28-Dec-2010
*/

/* Standard Tags */

body
{
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: white;
}

a, a:visited, a:active
{
	color: #336699;
	text-decoration: none;
}

a:hover
{
	color:blue;
	text-decoration:underline;	
}

a[name], a[name]:visited, a[name]:active
{
	color: black;
	text-decoration: none;
}

a[name]:hover
{
	color:black;
	text-decoration:underline;	
}

/* Block Layout Elements */

#pnlCanvas
{
	border-width: 0;
	margin: 0;    
}
@media screen and (min-width: 800px) {
    #pnlCanvas 
    {
	    border: 1px #C0C0C0 ridge;
	    margin: 5px 5px 5px 5px;
    }
}

#pnlContent
{
	font-size: 0.8em;
	padding: 0px 6px 6px 6px;
	background-color:white;
}

#pnlTop
{
	background-image: url(/pix/tnHeaderBackground.jpg);
	margin-bottom: 0px;
	padding-bottom: 0px;
	height: 55px;
	background-position:left;			
}

@media screen and (min-width: 800px) {
    #pnlTop
    {
    /*	background-position:center bottom; */
	    background-image: url(/pix/tnHeaderBackground.jpg);
	    margin-bottom: 0px;
	    padding-bottom: 0px;
	    height: 65px;
	    background-position:left;			
    }
}


/* Mobile Section Classes */

.pnlCanvasMobile
{
	border: 2px #F1DFBA solid;
	margin: 0px 0px 0px 0px;
}

.pnlTopMobile
{
	background-color:#F1DFBA;
	margin-bottom: 2px;
	padding-bottom: 0px;
	height: 23px;
	background-position:left;			
}

.pnlFooterMobile
{
	background-color:#F1DFBA;
	font-size: 0.7em;
	text-align: center;
	padding-top:0px;
	padding-bottom:4px;
	clear:both;
}

.lnkHomePageModile
{
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size: 1.05em;
	font-weight: bold;
	margin-bottom: 2px;
	padding-left: 3px;
	text-decoration:none;	
	position:absolute;
	top:2px;
	left:2px;	
}

.pnlMainMenuMobile
{
	font-size: smaller;
	padding-left:10px;
	padding-right:10px;
	position:absolute;
	top:4px;
	left:95px;		
}

.pnlHeadlineModile
{
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:8px;
}

/* Top Panel Elements */
#lnkHomePage {
    display:none;
}

@media screen and (min-width: 800px) {
    #lnkHomePage
    {
        display:block;
	    font-family: Verdana, Arial, sans-serif, Helvetica;
	    font-size: 1.4em;
	    font-weight: bold;
	    margin-bottom: 2px;
	    padding-left: 5px;
	    text-decoration:none;	
	    position:absolute;
	    top:5px;
	    left:82px;
	    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    }
}

#imgTweeNetLogo
{
	border: 0px transparent solid;
	margin-right:3px;
	margin-left:2px;
	width:39px;
	height:32px;
}

@media screen and (min-width: 800px) {
    #imgTweeNetLogo
    {
	    border: 0px transparent solid;
	    margin-right:3px;
	    margin-left:2px;
	    width:78px;
	    height:64px;
    }
}

#lnkHomePage:hover
{
	text-decoration:underline;		
}


#pnlMainMenu
{
	font-size: smaller;
	padding-left:10px;
	padding-right:10px;
	position:absolute;
	top:2px;
	left:35px;
}
@media screen and (min-width: 800px) {
    #pnlMainMenu
    {
	    font-size: smaller;
	    padding-left:10px;
	    padding-right:10px;
	    position:absolute;
	    top:10px;
	    left:200px;
    }
}


#pnlMainMenu a
{
	font-weight:bold;
	text-decoration:none;
}

#pnlMainMenu a:hover
{
	text-decoration:underline;
}


/* Global Search */
#pnlGlobalSearch
{
    display:none;
}

#btnGlobalSearch
{  
  background-color:#336699;
  color:white;
  font-size:0.6em;
  font-weight:normal;
  padding: 2px 2px 2px 2px;
  height:20px;
}

#txtGlobalSearch
{
    display:none;
	width: 100px;
	height: 22px;
	background:transparent;
}

#pnlTopNavSearchLink {
    display:inline;
}

@media screen and (min-width: 800px) {

    #pnlGlobalSearch
    {
        display:inline;
	    position: absolute;
	    top:15px;
	    right:15px;
    }

    #pnlTopNavSearchLink {
    display:none;
    }

    #txtGlobalSearch
    {
        display:inline;
        border-width:1px;
        border-color:#555555;
        background-color: white;
    }
    #btnGlobalSearch
    {  
      background-color:#336699;
      color:white;
      font-size:0.8em;
      font-weight:normal;
      padding: 3px 5px 3px 5px;
      height:24px;
    }

    .SearchResult {
        font-size: 1em;
    }
}

/* Section Menu */

div#SectionMenu
{
   position: absolute;
   margin: 2px 0px 0px 4px;
   left: 40px;
   top: 15px;
   padding:0px;
   font-size: 0.8em;
}

div#SectionMenu a {
    padding-top:4px; 
    display:inline-block;
}

#rssLink
{

}

#pnlAlphabet 
{
    display:none;
	padding-left:10px;
}

#pnlAlphabet a
{
	padding-left:4px;
	font-size: 1.3em;
}

#SectionMenu input{
    display:none;
}

#linkContentFilter
{
    Left: 130px;
    width:100px;
}

span.noMobile{
    display:none;
}

@media screen and (min-width: 800px) {

    span.noMobile{
        display:inline;
    }

    div#SectionMenu
    {
       position: absolute;
       margin: 2px 0px 0px 4px;
       left: 90px;
       top: 40px;
       padding:0px;
       font-size: 0.8em;
    }

    div#SectionMenu a {
        padding-top:0px; 
        display:inline;
    }

    #pnlAlphabet 
    {
        display:inline;
    }
    #SectionMenu input{
        display:inline;
    }
    #linkContentFilter
    {
        Left: 5px;
    }
}



.buttonColor
{
/*	background-color:#336699; 
	color:white;	*/
}

.button
{	
/*	background-color:#336699; 
	color:white;*/
	font-size:0.8em;
	font-weight:bold;
	padding: 0px 3px 2px 3px;
	height:22px;	
}

.SearchInput
{
	background:transparent;
}


#linkContentFilter
{
    position: absolute;
    top: 20px;
    right: 10px;
}

.pnlContentFilter {
    display: none;
    position: absolute;
    top: 100px; 
    Left: 10px;
}

#linkCloseContentFilter
{
	font-weight:bold;
	font-size:1.3em;
	color:black;
	position:absolute;
	right:4px;
	top:0px;
}

@media screen and (min-width: 800px) {

    .pnlContentFilter {
        display: none;
        position: absolute;
        top: 50px;
        right: 10px;
    }

    #linkContentFilter
    {
        position:relative;
        margin-left:8px;
        top: 0px;
        right: 0px;
    }
}

    /* Place holder for content filter */
#cfPlaceholder
{
    width:300px;
    height:3px;
    float:right;
    display:block;
}

@media screen and (min-width: 800px) {
    #cfPlaceholder
    {
        height:130px;
    }
}

/* Footer */

#pnlFooter
{
	background-image:url(/pix/tnFooterBackground.jpg);
	font-size: 0.7em;
	text-align: center;
	padding-top:3px;
	margin-bottom:0px;
    padding-bottom:5px;
    border-top: 1px solid #cc6666;
	clear:both;
}

#pnlCommonLinks a
{
    padding-top:5px;
    padding-bottom:5px;
    display:inline-block;
}

@media screen and (min-width: 800px) {
    #pnlFooter
    {
	    padding-top:10px;
	    padding-bottom:5px;
        border-top-width: 0px;
    }
    #pnlCommonLinks a
    {
        padding-top:0px;
        padding-bottom:0px;
        display:inline;
    }
}


#pageInfoRow {
	padding-top: 5px;
}

/* Creative Commons Image */
#pageInfoRow a img {
	padding-top: 5px;
    display:inline-block;
}

@media screen and (min-width: 800px) {
#pageInfoRow a img {
	padding-top: 5px;
    display:inline;
    }
}


#pnlHeadline
{
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:5px;
}

/* Screen 
============================================================== */

.displayselectortable
{
    border : 1px solid #cc6666;
    background-color:#FAF1E2;
    width:280px;
    padding:5px;
    border-radius: 5px;
}

@media screen and (min-width: 800px) {
    .displayselectortable
    {   
        position:absolute;
        right:5px;
    }
}