/* 
    CSS For crescent
*/

/* 
Global Attributes
*/
body	{ border:0px; margin:0px; padding:0px; }
body,table,td,tr,p,ul,ol { font-family: Verdana, Helvetica, Arial, sans-serif;
                           font-size: x-small }
img { border: 0; }

body.cfsmaster { background-color: #FFFFFF;
    /* background-image: url(background.gif); */
    margin: 0px;
    padding: 0px; border: 0px; border-width: 0px;
}

.filename { color: #339999; font-weight: bold; font-size: 14px;}
.mod { color: #999999; font-size: x-small; font-style: normal}

.username {  color: #336666; font-weight: bold; font-size: small }
a.username:link {  color: #336666; font-weight: bold}
a.username:active {  color: #336666; }
a.username:visited {  color: #666666; }

table.maintable { padding: 3px; cell-spacing: 0px; border-width: 0px; border: 0px;
                width: 100%; display: table;}
tr.mainrow { padding: 3px; border-width: 0px; border: 0px;}
td.maincel { font-family: verdana; vertical-align: top; width:70%; }

tr.documentrow { background-color: white; }
td.documentcel { background-color: white; color: black; }

table.listing { padding: 3px; cell-spacing: 0px; border-width: 0px; border: 0px;
                width: 100%; display: table; }

tr.datarow1 { background-color: white}
tr.datarow2 { background-color: #DDEEFF}
tr.boldrow { background-color: #FFCCCC }
td.datacel { font-weight: roman; text-align:left; font-size:11px;}
td.boldcel { font-weight: bold; font-size:11px; }

/* modal dialog boxes */
table.modal { padding: 3px; cell-spacing: 0px; border-width: 0px; border: 0px;
              width: 100%; text-align: center; display: table; }
tr.modalrow { background-color: white; }
td.modalcel { text-align: center; }
tr.modalpromptrow { background-color: #DDEEFF; }
td.modalpromptcel { text-align: center; font-weight: bold;
                 font-family: Verdana, Helvetica, sans-serif;
                 font-size: small; }
td.modalside	{ background-color:#FF78A7; border-left: 1px dotted #cc3366; border-right:1px dotted #cc3366;}

table.icons { padding: 3px; cell-spacing: 0px; border-width: 0px; border: 0px;
              width: 100%; display: table; }
.iconbundle	{ vertical-align:top; }
div.iconbundle .filename	{ color: #339999; font-weight:normal; font-size:14px;}

table.navtable { padding: 0px 0px 7px 0px; cell-spacing: 0px; border-width: 0px;
                 border: 0px; width: 100%; display: table; }
tr.navrow { background-color: white }
/* the grep sailormoon * button */
td.navcelleft { text-align: left; }
/* the mysailormoon.org button */
td.navcelright { text-align: right; color: #999999; font-size: 11px; padding-right:10px; }
td.navcelright a:link, td.navcelright a:visited, td.navcelright a:active	{ color:#999999; }
td.navcelright a:hover	{ text-decoration:none; }

tr.spacerrow { background-color: #FFCCCC; }
td.spacercel { text-align: center; color: black; }

tr.pathrow { background-color:#FF78A7; }
td.pathcel { background-image:url(pink-fade.gif); background-repeat:repeat-y; border-top:1px dotted #CC3366;
			 background-color:#FF78A7; text-align: left; color: #993366; font-size: 11px; }
td.pathcel a	{ padding: 0px 4px 0px 4px; }
td.pathcel a:link, td.pathcel a:visited, td.pathcel a:active	{ color:white; text-decoration:none; }
td.pathcel a:hover	{ text-decoration: underline; }

tr.bottomspacerrow { background-color: #ffffff; }
td.bottomspacercel { text-align: center; color: black; }

div.logged_in	{ float:right; padding:5px 10px 0px 10px; size:50%; font-size: 12px; text-align:right; }
div.you_are	{ font-size:10px; color:#666666; margin-top:4px; }

tr.toprow { background-color: #33cccc; color: white;}
td.topcel { background-image:url(teal_stripe.png); background-repeat:repeat; 
			background-color: #33cccc; border-top:1px dotted #CC3366; border-bottom:1px solid #339999;
			font-family: Georgia, Garamond, serif; font-size: 24px; line-height:150%; font-weight: bold;
			text-align: center; vertical-align:top; color: white; padding: 5px 10px 0px 10px; }
td.topcel div.icon	{ float:right;}
td.topcel div.controls	{ float:left; margin-top:5px;}

/* Favorites */
div.favorites_header { border:1px solid #cc3366; background-image:url(bg_favoritesfade.png); 
					   background-repeat:repeat-y; background-color:#ff43a7; font-family:Georgia, Times, serif; 
					   color:white; font-weight:bold; font-size:16px; padding:5px 10px 5px 10px; margin:10px 10px 0px 10px;}
#favorites { border:1px solid #cc3366; border-top:0px; padding:6px 6px 6px 6px; margin:0px 10px 10px 10px; background-color:#ffccff;}
td.favorites { background-color: #FF78A7; vertical-align: top; width:30%; color:#993366; border-left: 1px dotted #CC3366; }
td.btm_favorites { background-image:url(bg-pinkthings.png); background-repeat:repeat-x; 
				   background-color: #FF78A7;}
td.favorites table.modal { border:1px solid #cc3366; padding:6px 6px 6px 6px; margin:0px 10px 10px 10px;}
				   
/* Files you own */
#filesyouown_i	{border:1px solid #996699; padding:6px 6px 6px 6px; margin:0px 10px 10px 10px; background-color:#ECBBEA;}

/* CFS File Search*/
div.cfssearch_header { border:1px solid #336699; background-image:url(bg_searchfade.png); 
					   background-repeat:repeat-y; background-color:#78a7d4; font-family:Georgia, Times, serif; 
					   color:white; font-weight:bold; font-size:16px; padding:5px 10px 5px 10px; margin:10px 10px 0px 10px;}
div.cfssearchprompt { border:1px solid #336699;  border-top:0px; padding:6px 6px 6px 6px; margin:0px 10px 10px 10px; 
					  background-color:#B5D2F0;}
div.cfssearchprompt input { margin-bottom:5px;}

/* Recent Users */
div.recentusers_header { border:1px solid #339966; background-image:url(bg_recentfriendsfade.png); 
					   background-repeat:repeat-y; background-color:#78d4a7; font-family:Georgia, Times, serif; 
					   color:white; font-weight:bold; font-size:16px; padding:5px 10px 5px 10px; margin:10px 10px 0px 10px;}
div.recentusers_wrap { border:1px solid #336699;  border-top:0px; padding:6px 6px 6px 6px; margin:0px 10px 10px 10px; 
					  background-color:#ccffcc; color:#666666;}
div.recentusers_wrap div.recentusers { padding-bottom:5px; }

tr.bottomrow { background-color: #33cccc; }
td.bottomcel { background-image:url(teal_stripe.png); background-repeat:repeat; border-top:1px solid #339999;
			   background-color: #33cccc; color:#339999; font-size:11px; }
td.bottomcel a:link, td.bottomcel a:visited, td.bottomcel a:active	{ color:#336666; }
td.bottomcel a:hover	{ color:#ffffff; }
div.uplevel	{ float:right; width:150px; padding-right:10px; text-align:center; }
div.bottomlinks	{padding:10px;}
table.bottomnav { padding: 3px; cell-spacing: 0px; border-width: 0px;
                  border: 0px; width: 100%; display: table; }

td.homenav { background-color: white; font-weight: bold; font-family: Verdana, Helvetica, sans-serif; text-align: center; vertical-align:top;}

tr.infoheaderrow { background-color: #FFFF99; }
td.infoheader { background-color: #FFFF99; font-weight: bold;
    font-family: Verdana, Helvetica, Arial, sans-serif; font-size: medium }
td.infoheader2 { background-color: #FFFFCC; font-weight: bold;
    font-family: Verdana, Helvetica, sans-serif; font-size: 11px; }
td.infoheader3 { background-color: #CCCCCC; font-size:11px }

td.greyout	{ background-color: #efefef }
td.greyoutbold	{ background-color: #efefef; font-weight: bold }

/*User Info page*/
table.userinfoicons	{border:0px; text-align:center; width:100%; }
tr.userinfoicons { margin-top:5px; }
td.userinfoicons {vertical-align:top; text-align:center; padding:5px;}

/* topic interface -- look at using standard infoheader stuff*/
tr.headrow { background-color: #FFCCCC }
td.headcel { background-color: #FFCCCC; color: black; font-weight: bold;
    font-size: x-small }
td.headcelvalue { background-color: #FFDDDD; color: black; }

table.posttable { padding: 3px; cell-spacing: 0px; border-width: 0px;
                  border: 0px; width: 100%; display: table; }
tr.postrow { background-color: #FFFFFF; }
td.postcel { text-align: left; font-size:11px; line-height:140%;}

tr.controlrow { background-color: #FFDDDD }
td.controlcel1 { text-align: left; }
td.controlcel2 { text-align: center; }
td.controlcel3 { text-align: right; }

/* wrapped around any signature */
.signature { background-color: #fffffff; padding-top:4px; padding-bottom: 4px; }
table.signature {  border-top:1px dashed #dedede;}

/* Randomness */
div.randomness	{background-color:#ffffcc; border:1px solid #ffff66; padding:6px 6px 6px 50px; 
	background-image:url(randomness_star.png); background-repeat:no-repeat; margin:10px; 
	height:90px; font-family:Georgia, Times, serif; font-size:12px;}

/* Message Waiting */
div.intercomalert	{background-color:#ffffcc; border:1px solid #ffff66; padding:6px 6px 6px 50px; 
	background-image:url(intercom_alert.png); background-repeat:no-repeat; margin:10px; 
	height:50px;}
div.intercomalert a	{font-size:14px; font-weight:bold;}
div.intercomalert a:hover	{text-decoration:none;}


/* the ad at the bottom of every page */
tr.adrow { }
td.adcel { text-align: center; }

/* the topic pre-defined styles */
span.announcement { color: red; font-size: medium; }
span.poem         { color: #333333; font-style: italic; 
					font-family: Times, Georgia, serif; }
span.song         { color: #666666; font-family: palatino, serif;
                    font-style: italic; }
span.rant         { color: blue; font-variant: small-caps; }
span.big          { font-size: large; }
span.small        { font-size: x-small; }
span.happy        { color: #FF0099; font-style: italic; }
span.sad          { background: #003366; color: #99CCFF; font-weight: bold; }
span.angry        { color: #CC0000; font-weight: bold; font-variant: small-caps; }
span.crazy        { color: red; background-color:green; font-family:"Comic Sans MS"; }
span.fantasy      { color: cadetblue; font-family: fantasy; }
span.lonely       { color: #663366; }
span.love         { background: #FFCCCC; color: #FF3333; font-family: "Comic Sans MS", fantasy; }
span.supafly      { background: #660066; color: #66FFFF; font-family: Verdana, sans-serif; }
span.hungry       { color: #993300; }
span.scared       { color: #669900; font-style: italic; font-weight: bold; }
span.goth       { background: black; color: #CCCCCC; font-family: Benguiat Gothic Medium, "Avant Garde", Trebuchet, Verdana, Helvetica, sans-serif}
span.hippy       { background: #CC3300; color: #FFFF66; font-family: Korrina, Georgia, serif; }
span.hyper		{ background: #FF3300; color: yellow; font-style: italic;}
span.spoiler, span.secret	{ background-color:#000000; color:#000000; }

/* This is the CSS for the MoonGram. Do NOT alter this. */
.usual		{ font-size: x-small;
                  font-family: Verdana, Helvetica, Arial, sans-serif;
                  color: black; }
.moongram	{ font-size: x-medium;
                  font-family: Verdana, Helvetica, Arial, sans-serif;
                  color: #cc0000; font-weight: bold; }
.tagline	{ font-size: small;
                  font-family: Verdana, Helvetica, Arial, sans-serif;
                  font-style: italic; color: #CCCCCC; }
.version	{ font-size: x-small;
                  font-family: Verdana,Helvetica, Arial, sans-serif;
                  color: #333333; }
.article	{ font-weight: bold; font-size: small;
                  font-family: Verdana, Helvetica, Arial, sans-serif;
                  color: black; }
.column		{ font-weight: bold; font-size: medium;
                  font-family: Verdana, Helvetica, Arial, sans-serif;
                  color: navy; }
.byline		{ font-style: italic; font-size: x-small;
                  font-family: Verdana, Helvetica, Arial, sans-serif;
                  color: black; }

/* Post */
.post	{width:100%}
.post .postcontrol { width:100%; border-top: 8px solid #ffcccc; padding:6px; background-color:#ffdddd;display:table}
.postcontrol .postbits	{}
.avatar	{float:left; display:block; height:80px; margin-right:6px; }
.userinfo	{width:50%;}
.dateposted	{text-align:right; width:40%; float:right; padding-top:4px;}
.postcontrol .actionbundle {clear:right;}
.badges	{width:50%; padding:4px 4px 4px 0px;}
.badges img	{border:0px;}
.modlinks	{text-align:right; width:40%; float:right; padding-top:4px;}
.editlink	{margin:6px 6px 2px 6px;}
.deletelink	{margin:2px 6px 2px 6px; float:right;}
.postkudos {text-align:right; clear:both; width: 40%; float:right;}
.postkudos .givekudos	{margin:2px 6px 2px 6px;}
.postkudos .viewkudos	{margin:2px 6px 2px 6px;}
.postcontent	{clear:both; padding: 10px 4px 10px 4px; text-align: left; font-size:11px; line-height:140%;}