/* global elements */

body {
	background: #303030 url(/pics/i/body.gif) repeat-y center;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	font-family: Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif;
	font-size: 70%;
	color: #000;
	}

#wrapper {
	background: transparent;
	position: relative;
	margin: 0 auto;
	padding: 0;
	border:0;
	width: 930px;
	text-align: left;
	}

#maincontent {
	margin: 0 0 0 10px;
	background: transparent;
	width: 660px;
	}
	
#sidebar {
	position: absolute;
	top: 0;
	right: 10px;
	padding: 0;
	margin: 0;
	background: transparent;
	width: 230px;
	}



/* ------------- begin navigation ------------ */

#logo img {
	width: 660px;
	height: 120px;
	border: none;
	}

#logo a, a:hover, a:active {
	text-decoration: none;
	border: 0;
	}

#navi {
	height: 30px;
	margin: 0 0 10px 0;
	padding: 0;
	}

#navi ul {
	border: none;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	}

#navi ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}

#navi ul li a {
	background: #777;
	background-position:0% 0;
	width: 89px;
	height: 30px;
	border: none;
	padding: 0; 
 	margin: 0;
	text-decoration: none;
	display: block;
	text-align: center;
	overflow: hidden;
	border-right: 1px solid #333434;
	}

/* this hides the actual text */

#navi li a span {
	display: block;
	position: absolute;
	overflow: hidden;
	font-size: 1px;
	color: #fff;
	height: 0;
	height: 0;
	}


/* switcher */

#navi #textbigger a {
	width: 60px;
	}

#navi #textsmaller a {
	border: none;
	width: 59px;
	}


/* normal states */

#navi #home a {
	background: transparent url(/pics/i/navi.gif) no-repeat 0 0;
	}

#navi #journals a {
	background: transparent url(/pics/i/navi.gif) no-repeat -90px 0;
	}

#navi #topics a {
	background: transparent url(/pics/i/navi.gif) no-repeat -180px 0;
	}

#navi #mobile a {
	background: transparent url(/pics/i/navi.gif) no-repeat -270px 0;
	}

#navi #myprofile a {
	background: transparent url(/pics/i/navi.gif) no-repeat -360px 0;
	}

/* for unregistered users */

#navi #register a {
	background: transparent url(/pics/i/navi_reg.gif) no-repeat 0 0;
	}

#navi #help a {
	background: transparent url(/pics/i/navi.gif) no-repeat -450px 0;
	}
	
#navi #textbigger a {
	background: transparent url(/pics/i/navi.gif) no-repeat -540px 0;
	}

#navi #textsmaller a {
	background: transparent url(/pics/i/navi.gif) no-repeat -601px 0;
	}


/* mouseover */

#navi #home a:hover, a:active {
	background: transparent url(/pics/i/navi.gif) no-repeat 0 -30px;
	}

#navi #journals a:hover, a:active {
	background: transparent url(/pics/i/navi.gif) no-repeat -90px -30px;
	}

#navi #topics a:hover, a:active {
	background: transparent url(/pics/i/navi.gif) no-repeat -180px -30px;
	}

#navi #mobile a:hover, a:active {
	background: transparent url(/pics/i/navi.gif) no-repeat -270px -30px;
	}

#navi #myprofile a:hover, a:active {
	background: transparent url(/pics/i/navi.gif) no-repeat -360px -30px;
	}


/* for unregistered users */

#navi #register a:hover, a:active {
	background: transparent url(/pics/i/navi_reg.gif) no-repeat 0 -30px;
	}

#navi #help a:hover, a:active {
	background: transparent url(/pics/i/navi.gif) no-repeat -450px -30px;
	}

#navi #textbigger a:hover, a:active {
	background: transparent url(/pics/i/navi.gif) no-repeat -540px -30px;
	}

#navi #textsmaller a:hover, a:active {
	background: transparent url(/pics/i/navi.gif) no-repeat -601px -30px;
	}



/* current page */

#navi #currenthome a {
	background: transparent url(/pics/i/navi.gif) no-repeat 0 -30px;
	}

#navi #currentjournals a {
	background: transparent url(/pics/i/navi.gif) no-repeat -90px -30px;
	}

#navi #currenttopics a {
	background: transparent url(/pics/i/navi.gif) no-repeat -180px -30px;
	}

#navi #currentmobile a {
	background: transparent url(/pics/i/navi.gif) no-repeat -270px -30px;
	}
	
#navi #currentmyprofile a {
	background: transparent url(/pics/i/navi.gif) no-repeat -360px -30px;
	}


/* for unregistered users */

#navi #currentregister a {
	background: transparent url(/pics/i/navi_reg.gif) no-repeat 0 -30px;
	}

#navi #currenthelp a {
	background: transparent url(/pics/i/navi.gif) no-repeat -450px -30px;
	}


	
/* ------------- end navigation --------------- */

/* ------------- begin headlines and footer --- */

.mainhead {
	background: #3078AD url(/pics/i/mainheadbg.gif) no-repeat 0 0;
	color: #fff;
	text-shadow: #000 0 1px 2px;
	padding: 10px 10px 10px 30px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	}

.mainhead span {
	text-transform: none;
	}
	
.sidehead {
	background: #676767 url(/pics/i/sideheadbg.gif) no-repeat 0 0;
	color: #fff;
	text-shadow: #000 0 1px 2px;
	padding: 10px 10px 10px 30px;
	margin: 0;
	text-transform: uppercase;
	}
	
#footer {
	padding: 10px 0 0 0;
	margin: 10px 0;
	}

/* ------------- end headlines and footer --------------- */

/* article specifics */

.articlebox {
	margin: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
	}
	
.article {
	background: #F2F2F2;
        padding: 10px;
	margin: 0 0 10px 0;
	}

.copytext {
	padding: 10px 0;
	}



.articlerow {
	margin: 0;
	}

.articlerow .float1 {
	width: 80px;
	float: left;
	margin: 0;
	}

.articlerow .float2 {
	width: 560px;
	float: left;
	margin: 0;
	}

.articlerow .float3 {
	width: 640px;
	float: left;
	margin: 0;
	}

.terminator {
	clear: both;
	}

span.left {
  	float: left;
 	text-align: left;
 	width: 49%;
  }

span.right {
	float: right;
	text-align: right;
 	width: 49%;
 	}

span.leftlong {
  	float: left;
 	text-align: left;
 	width: 79%;
  }

span.rightshort {
	float: right;
	text-align: right;
 	width: 19%;
 	}


.articleinfo {
        width: 640px;
	font-size: 95%;
	color: #707070;
	padding: 10px 0 0 0;
	border-top: 1px solid #D9D9D9;
	}

.articleinfo_feat {
	font-size: 95%;
	color: #707070;
	padding: 10px 0 0 0;
	border-top: 1px solid #D9D9D9;
	}	

.articleinfo .line1 {
	margin: 0 0 10px 0;
	}

.articleinfo_feat .line1 {
	margin: 0 0 10px 0;
	}
	
.author {
	background: transparent url(/pics/i/author.gif) no-repeat 0 50%;
	padding-left: 26px;
	margin: 0 10px 0 0;
	}

.date {
	background: transparent url(/pics/i/date.gif) no-repeat 0 50%;
	padding-left: 22px;
	margin: 0 10px 0 0;
	}
	
.comments {
	background: transparent url(/pics/i/comments.gif) no-repeat 0 50%;
	padding-left: 26px;
	margin: 0 10px 0 0;
	}

h1 {
	color: #005594;
	font-weight: bold;
	padding: 0;
	margin: 0;
        font-size: 100%;
	}

h2 {
	font-weight: bold;
	padding: 0;
	margin: 0;
	}

/* article introduction */

.intro {
	}

.intro .float1 img {
	width: 95px;
	height: 110px;
	}

.intro .articlerow .float1 {
	width: 105px;
	float: left;
	margin: 0;
	}
	
.intro .articlerow .float2 {
	width: 530px;
	float: left;
	margin: 0;
	}

.intro .articlerow .articleinfo .articleinfo_feat {
	color: #707070;
	padding: 10px 0;
	border-bottom: 1px solid #D9D9D9;
	border-top: none;
	margin: 0 0 10px 0;
	}	

.intro .utilities {
	text-align: right;
	}


/* article copy text */

.articlecopy {
	}
	
.articlecopy img {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	}
.articlecopy .summary {
	font-weight: bold;
	padding: 0;
	margin: 0;
	}

.articlecopy h3 {
	font-size: 100%;
	font-weight: bold;
	}

.articlecopy .rating {
	border-top: 1px solid #D9D9D9;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	}


/* article comments */

.commentbox {
	background: #F2F2F2;
	padding: 10px;
	margin: 0 0 10px 0;
        width: 640px
	}

.commentbox h3 {
	font-size: 100%;
	font-weight: bold;
	padding: 0;
	margin: 0;
	}

.commentbox .subject {
	margin: 10px 0;
	}

.commentbox .commenttext {
	margin: 10px 0;
	padding: 0 0 10px 0;
	}

.commentbox .preview {
	border-top: 1px solid #D9D9D9;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
	}

.commentbox30 {
	background: #F2F2F2;
	padding: 10px;
	margin: 0 0 10px 30px;
	width: 610px
        }

.commentbox30 h3 {
	font-size: 100%;
	font-weight: bold;
	padding: 0;
	margin: 0;
	}

.commentbox30 .subject {
	margin: 10px 0;
	}

.commentbox30 .commenttext {
	margin: 10px 0;
	padding: 0 0 10px 0;
	}

.commentbox30 .preview {
	border-top: 1px solid #D9D9D9;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
	}

.commentbox15 {
	background: #F2F2F2;
	padding: 10px;
	margin: 0 0 10px 15px;
	width: 625px
	}

.commentbox15 h3 {
	font-size: 100%;
	font-weight: bold;
	padding: 0;
	margin: 0;
	}

.commentbox15 .subject {
	margin: 10px 0;
	}

.commentbox15 .commenttext {
	margin: 10px 0;
	padding: 0 0 10px 0;
	}

.commentbox15 .preview {
	border-top: 1px solid #D9D9D9;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
	}

.commentbox45 {
	background: #F2F2F2;
	padding: 10px;
	margin: 0 0 10px 45px;
	width: 595px
	}

.commentbox45 h3 {
	font-size: 100%;
	font-weight: bold;
	padding: 0;
	margin: 0;
	}

.commentbox45 .subject {
	margin: 10px 0;
	}

.commentbox45 .commenttext {
	margin: 10px 0;
	padding: 0 0 10px 0;
	}

.commentbox45 .preview {
	border-top: 1px solid #D9D9D9;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
	}

.commentbox60 {
	background: #F2F2F2;
	padding: 10px;
	margin: 0 0 10px 60px;
	width: 580px
	}

.commentbox60 h3 {
	font-size: 100%;
	font-weight: bold;
	padding: 0;
	margin: 0;
	}

.commentbox60 .subject {
	margin: 10px 0;
	}

.commentbox60 .commenttext {
	margin: 10px 0;
	padding: 0 0 10px 0;
	}

.commentbox60 .preview {
	border-top: 1px solid #D9D9D9;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
	}


/* more articles */

.morearticle {
	background: #F2F2F2;
	padding: 10px;
	margin: 0 0 10px 0;
	}

.morearticle .moreimg {
	border: none;
	width: 30px;
	height: 30px;
	}

.morearticle .articlerow .float1 {
	width: 40px;
	float: left;
	margin: 0;
	}

.morearticle h1 {
	margin: 0 0 10px 0;
	}

.morearticle .author {
	margin: 0 0 0 20px;
	}
	
.morearticle .articleinfo .line1 .articleinfo_feat {
	margin: 0;
	}

.morearticle .articlerow .float2 {
	width: 600px;
	float: left;
	margin: 0;
	}


/* journal */

.journal {
	background: #F2F2F2;
	padding: 10px;
	margin: 0 0 10px 0;
	}



.journal .articlerow .float1 {
	width: 105px;
	float: left;
	margin: 0;
	}

.journal .articlerow .float2 {
	width: 530px;
	float: left;
	margin: 0;
	}


/* links */

a, a:link, a:visited {
	color: #005594;
	text-decoration: none;
	}

a:hover, a:active {
	color: #000;
	text-decoration: none;
	background: transparent;
	}

a:active {
	text-decoration: underline;
	}
	

/* begin sidebar */

#sidebar ul {
	background: transparent;
	padding: 0;
	list-style: none;
	margin: 10px 0;
	}

#sidebar ul li {
	background: #E6E6E6 url(/pics/i/shadelist.gif) repeat-y 0 0;
	padding: 10px;
	}

#sidebar ul li.even {
	background: #D7E1E9 url(/pics/i/shadelist2.gif) repeat-y 0 0;
	}

#sidebar ul li.info {
	font-size: 95%;
	padding: 0 10px 10px 10px;
	color: #707070;
	}
	
#sidebar ul li.infoeven {
	font-size: 95%;
	padding: 0 10px 10px 10px;
	color: #707070;
	background: #D7E1E9 url(/pics/i/shadelist2.gif) repeat-y 0 0;
	}	
	
#sidehead {
	background: #676767 url(/pics/i/sideheadbg.gif) no-repeat top left;
	color: #fff;
	
	font-family: Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif;
	font-size: 100%;
	text-transform: uppercase;

	text-shadow: #000 0 1px 2px;
	
	padding: 10px 10px 10px 30px;
	margin: 0;	
	}
	
/* end sidebar */

/* search box */

.sidesearch {
	background: #e6e6e6 url(/pics/i/shadelist.gif) repeat-y 0 0;
	padding: 10px;
	margin: 10px 0;
	}
	
.sidesearch .line {
	padding: 10px 0 0 0;
	border-top: 1px solid #D9D9D9;
	}
	

/* end search box */

/* login */

#login {
	background: #e6e6e6 url(/pics/i/shadelist.gif) repeat-y 0 0;
	padding: 0;
	margin: 0 0 10px 0;
	width: 230px;
	}

#login .logincontent {
	padding: 0 10px;
	margin: 10px 0;
	}

#login p {
	margin: 5px 0;
        }
	
#login .line {
        width: 210px;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #D9D9D9;
	}

#login .buttons {
	padding: 5px 10px 10px 10px;
	}

#login .float {
	width: 100px;
	float: left;
	margin: 0;
	}

.remember {
	margin: 10px 5px 0 0;
	}
	

/* end login */


/* maincontent list */

ul.list {
	padding: 0 0 0 15px;
	}
	
ul.list li {
	margin: 0 0 5px 0;
	}

.errortext {
        font-weight: bold;
        color: #FF0000;
        }

.oktext {
        font-weight: bold;
        color: #22BB22;
        }

.tfbutton a {
	background: #777;
	background-position: 0% 0;
	width: 80px;
	height: 20px;
	border: none;
	padding: 0; 
 	margin: 0;
	text-decoration: none;
	display: block;
	text-align: center;
	overflow: hidden;
	}

.tfbutton a span {
        display: block;
	position: absolute;
	overflow: hidden;
	font-size: 0px;
	color: #fff;
	height: 0;	
        border: none;	
        }

.tfbutton #searchbtn a {
	background: transparent url(/pics/i/buttons/search.gif) no-repeat 0 0;
        width: 80px;
        height: 20;
	}


.tfbutton #searchbtn a:hover {
	background: transparent url(/pics/i/buttons/search.gif) no-repeat 0 -20px;
        width: 80px;
        height: 20;
	}

.tfbutton #advsearchbtn a {
	background: transparent url(/pics/i/buttons/advancedsearch.gif) no-repeat 0 0;
        width: 210px;
        height: 20;
	}


.tfbutton #advsearchbtn a:hover {
	background: transparent url(/pics/i/buttons/advancedsearch.gif) no-repeat 0 -20px;
        width: 210px;
        height: 20;
	}

.tfbutton #loginbtn a {
	background: transparent url(/pics/i/buttons/loginsignup.gif) no-repeat 0 0;
        width: 105px;
        height: 20;
        float: left;
	}


.tfbutton #loginbtn a:hover {
	background: transparent url(/pics/i/buttons/loginsignup.gif) no-repeat 0 -20px;
        width: 105px;
        height: 20;
        float: left;
	}

.tfbutton #singupbtn a {
	background: transparent url(/pics/i/buttons/loginsignup.gif) no-repeat -105px 0;
        width: 105px;
        height: 20;
	}


.tfbutton #singupbtn a:hover {
	background: transparent url(/pics/i/buttons/loginsignup.gif) no-repeat -105px -20px;
        width: 105px;
        height: 20;
	}

.tfbutton #cancelandreturnbtn a {
	background: transparent url(/pics/i/buttons/cancelreturn.gif) no-repeat 0 0;
        width: 150px;
        height: 20;        
	}


.tfbutton #cancelandreturnbtn a:hover {
	background: transparent url(/pics/i/buttons/cancelreturn.gif) no-repeat 0 -20px;
        width: 150px;
        height: 20;        
	}

.tfbutton #previewbtn a {
	background: transparent url(/pics/i/buttons/preview.gif) no-repeat 0 0;
        width: 80px;
        height: 20;        
	}


.tfbutton #previewbtn a:hover {
	background: transparent url(/pics/i/buttons/preview.gif) no-repeat 0 -20px;
        width: 80px;
        height: 20;        
	}

.tfbutton #edittextbtn a {
	background: transparent url(/pics/i/buttons/edittext.gif) no-repeat 0 0;
        width: 80px;
        height: 20;        
	}


.tfbutton #edittextbtn a:hover {
	background: transparent url(/pics/i/buttons/edittext.gif) no-repeat 0 -20px;
        width: 80px;
        height: 20;        
	}

.tfbutton #submitbtn a {
	background: transparent url(/pics/i/buttons/submit.gif) no-repeat 0 0;
        width: 80px;
        height: 20;        
	}


.tfbutton #submitbtn a:hover {
	background: transparent url(/pics/i/buttons/submit.gif) no-repeat 0 -20px;
        width: 80px;
        height: 20;        
	}

.tfbutton #logoutbtn a {
	background: transparent url(/pics/i/buttons/logout.gif) no-repeat 0 0;
        width: 210px;
        height: 20;        
	}


.tfbutton #logoutbtn a:hover {
	background: transparent url(/pics/i/buttons/logout.gif) no-repeat 0 -20px;
        width: 210px;
        height: 20;        
	}

.tfbutton #savechangesbtn a {
	background: transparent url(/pics/i/buttons/savechanges.gif) no-repeat 0 0;
        width: 120px;
        height: 20;        
	}


.tfbutton #savechangesbtn a:hover {
	background: transparent url(/pics/i/buttons/savechanges.gif) no-repeat 0 -20px;
        width: 120px;
        height: 20;        
	}

.tfbutton #writecommentbtn a {
	background: transparent url(/pics/i/buttons/writecomment.gif) no-repeat 0 0;
        width: 120px;
        height: 20;        
	}


.tfbutton #writecommentbtn a:hover {
	background: transparent url(/pics/i/buttons/writecomment.gif) no-repeat 0 -20px;
        width: 120px;
        height: 20;        
	}

.tfbutton #printversionbtn a {
	background: transparent url(/pics/i/buttons/printversion.gif) no-repeat 0 0;
        width: 120px;
        height: 20;        
	}


.tfbutton #printversionbtn a:hover {
	background: transparent url(/pics/i/buttons/printversion.gif) no-repeat 0 -20px;
        width: 120px;
        height: 20;        
	}

.tfbutton #sendarticlebtn a {
	background: transparent url(/pics/i/buttons/sendarticle.gif) no-repeat 0 0;
        width: 120px;
        height: 20;        
	}


.tfbutton #sendarticlebtn a:hover {
	background: transparent url(/pics/i/buttons/sendarticle.gif) no-repeat 0 -20px;
        width: 120px;
        height: 20;        
	}

.tfbutton #choosealiasbtn a {
	background: transparent url(/pics/i/buttons/choosealias.gif) no-repeat 0 0;
        width: 120px;
        height: 20;        
	}


.tfbutton #choosealiasbtn a:hover {
	background: transparent url(/pics/i/buttons/choosealias.gif) no-repeat 0 -20px;
        width: 120px;
        height: 20;        
	}

.tfbutton #viewbusicardbtn a {
	background: transparent url(/pics/i/buttons/viewbusicard.gif) no-repeat 0 0;
        width: 150px;
        height: 20;        
	}


.tfbutton #viewbusicardbtn a:hover {
	background: transparent url(/pics/i/buttons/viewbusicard.gif) no-repeat 0 -20px;
        width: 150px;
        height: 20;        
	}

.tfbutton #submitbtn a {
	background: transparent url(/pics/i/buttons/submit.gif) no-repeat 0 0;
        width: 80px;
        height: 20;        
	}


.tfbutton #submitbtn a:hover {
	background: transparent url(/pics/i/buttons/submit.gif) no-repeat 0 -20px;
        width: 80px;
        height: 20;        
	}

.tfbutton #continuebtn a {
	background: transparent url(/pics/i/buttons/continue.gif) no-repeat 0 0;
        width: 80px;
        height: 20;        
	}


.tfbutton #continuebtn a:hover {
	background: transparent url(/pics/i/buttons/continue.gif) no-repeat 0 -20px;
        width: 80px;
        height: 20;        
	}

.tfbutton #gologinbtn a {
	background: transparent url(/pics/i/buttons/gotologin.gif) no-repeat 0 0;
        width: 120px;
        height: 20;        
	}


.tfbutton #gologinbtn a:hover {
	background: transparent url(/pics/i/buttons/gotologin.gif) no-repeat 0 -20px;
        width: 120px;
        height: 20;        
	}

.tfbutton #confirmbtn a {
	background: transparent url(/pics/i/buttons/confirm.gif) no-repeat 0 0;
        width: 80px;
        height: 20;        
	}


.tfbutton #confirmbtn a:hover {
	background: transparent url(/pics/i/buttons/confirm.gif) no-repeat 0 -20px;
        width: 80px;
        height: 20;        
	}

.tfbutton #addrelatedbtn a {
	background: transparent url(/pics/i/buttons/addrelatedlink.gif) no-repeat 0 0;
        width: 120px;
        height: 20;        
	}


.tfbutton #addrelatedbtn a:hover {
	background: transparent url(/pics/i/buttons/addrelatedlink.gif) no-repeat 0 -20px;
        width: 120px;
        height: 20;        
	}

.tfbutton #deletebtn a {
	background: transparent url(/pics/i/buttons/delete.gif) no-repeat 0 0;
        width: 80px;
        height: 20;        
	}


.tfbutton #deletebtn a:hover {
	background: transparent url(/pics/i/buttons/delete.gif) no-repeat 0 -20px;
        width: 80px;
        height: 20;        
	}

.tfbutton #replytothisbtn a {
	background: transparent url(/pics/i/buttons/replytothis.gif) no-repeat 0 0;
        width: 120px;
        height: 20;        
	}


.tfbutton #replytothisbtn a:hover {
	background: transparent url(/pics/i/buttons/replytothis.gif) no-repeat 0 -20px;
        width: 120px;
        height: 20;        
	}

.tfbutton #submitarticlebtn a {
	background: transparent url(/pics/i/buttons/submitarticle.gif) no-repeat 0 0;
        width: 120px;
        height: 20;        
	}


.tfbutton #submitarticlebtn a:hover {
	background: transparent url(/pics/i/buttons/submitarticle.gif) no-repeat 0 -20px;
        width: 120px;
        height: 20;        
	}

/* update */

.tfbutton #sendtoeditorbtn a {
	background: transparent url(/pics/i/buttons/sendtoeditor.gif) no-repeat 0 0;
        width: 120px;
        height: 20;        
	}


.tfbutton #sendtoeditorbtn a:hover {
	background: transparent url(/pics/i/buttons/sendtoeditor.gif) no-repeat 0 -20px;
        width: 120px;
        height: 20;        
	}

.tfbutton #addtofriendsbtn a {
	background: transparent url(/pics/i/buttons/addtofriends.gif) no-repeat 0 0;
        width: 150px;
        height: 20;        
	}


.tfbutton #addtofriendsbtn a:hover {
	background: transparent url(/pics/i/buttons/addtofriends.gif) no-repeat 0 -20px;
        width: 150px;
        height: 20;        
	}

.tfbutton #removecheckedbtn a {
	background: transparent url(/pics/i/buttons/removechecked.gif) no-repeat 0 0;
        width: 120px;
        height: 20;        
	}


.tfbutton #removecheckedbtn a:hover {
	background: transparent url(/pics/i/buttons/removechecked.gif) no-repeat 0 -20px;
        width: 120px;
        height: 20;        
	}

.tfbutton #backbtn a {
	background: transparent url(/pics/i/buttons/back.gif) no-repeat 0 0;
        width: 80px;
        height: 20;        
	}


.tfbutton #backbtn a:hover {
	background: transparent url(/pics/i/buttons/back.gif) no-repeat 0 -20px;
        width: 80px;
        height: 20;        
	}

.tfbutton #addjournalbtn a {
	background: transparent url(/pics/i/buttons/addjournalentry.gif) no-repeat 0 0;
        width: 150px;
        height: 20;        
	}


.tfbutton #addjournalbtn a:hover {
	background: transparent url(/pics/i/buttons/addjournalentry.gif) no-repeat 0 -20px;
        width: 150px;
        height: 20;        
	}

.tfbutton #addlinkbtn a {
	background: transparent url(/pics/i/buttons/addlink.gif) no-repeat 0 0;
        width: 120px;
        height: 20;        
	}


.tfbutton #addlinkbtn a:hover {
	background: transparent url(/pics/i/buttons/addlink.gif) no-repeat 0 -20px;
        width: 120px;
        height: 20;        
	}

.tfbutton #addimagebtn a {
	background: transparent url(/pics/i/buttons/addimage.gif) no-repeat 0 0;
        width: 120px;
        height: 20;        
	}


.tfbutton #addimagebtn a:hover {
	background: transparent url(/pics/i/buttons/addimage.gif) no-repeat 0 -20px;
        width: 120px;
        height: 20;        
	}

.tfbutton #backtouserpagebtn a {
	background: transparent url(/pics/i/buttons/backtouserpage.gif) no-repeat 0 0;
        width: 120px;
        height: 20;        
	}


.tfbutton #backtouserpagebtn a:hover {
	background: transparent url(/pics/i/buttons/backtouserpage.gif) no-repeat 0 -20px;
        width: 120px;
        height: 20;        
	}

.tfbutton #sendbtn a {
	background: transparent url(/pics/i/buttons/send.gif) no-repeat 0 0;
        width: 80px;
        height: 20;        
	}


.tfbutton #sendbtn a:hover {
	background: transparent url(/pics/i/buttons/send.gif) no-repeat 0 -20px;
        width: 80px;
        height: 20;        
	}

.tfbutton #login2btn a {
	background: transparent url(/pics/i/buttons/login.gif) no-repeat 0 0;
        width: 80px;
        height: 20;
        float: left;
	}


.tfbutton #login2btn a:hover {
	background: transparent url(/pics/i/buttons/login.gif) no-repeat 0 -20px;
        width: 80px;
        height: 20;
        float: left;
	}

#related {
	width: 660px;
	margin: 0 0 10px 0;
	}

#related .inputrow {
	width: 660px;
	}

#related .inputrow .float {
	width: 330px;
	float: left;
	margin: 0;
	}

#related .inputrow .float .right {
	margin: 0 0 0 10px;

	}
	
ul.linklist {
	padding: 0 0 0 15px;
	}
	
ul.linklist li {
	margin: 0 0 3px 0;
	}
	
.relatedhead {
	padding: 10px 0;
	margin: 0;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	}
	
.relatedpart {
        width: 300px;
	padding: 0 10px 5px 10px;
	background: #f2f2f2;
	}

#login .sidehead a, #login .sidehead a:link, #login .sidehead a:visited {
        color: #fff;
        text-decoration: underline;
        }

#login .sidehead a:hover, #login .sidehead a:active {
        color: #fff;
        text-decoration: none;
        }

#login .sidehead a:active {
        color: #fff;
        text-decoration: none;
        }