﻿* html .visualIEFloatFix { height: 0.01%; }

.source { font-size: .8em; color: gray; }

body
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
input, select, textarea
{
}

.TODO
{
	background-color: yellow;
	width: 100%;
	padding: 4px 4px 4px 4px;
}

.Hidden, .hidden
{
	display: none;
	visibility: hidden;
}
.Visible, .visible
{
	visibility: visible;
}

.Highlight
{
	background-color: #FFFDDB;
	padding: 4;
	font-size: 1.1em;
}

/* ================ username display ================== */
.user
{
	padding: padding: 3px 0 0 0;
	white-space: nowrap;
}
.user a
{
	text-decoration: none;
}
.bannedUser a
{
	color: Red;
	font-size: smaller;
}
.newUser a
{
	color: Green;
}
.userGravatar
{
	border: 1px solid #ddd;
	vertical-align: middle;
	margin-left: 2px;
	margin-right: 1px;
	padding: 1px;
}

/* ================ search ===================== */
.searchResultsSummary
{
	font-size: 0.9em;
	background-color: #E7F0F7;
	padding: 2px;
	text-align: right;
}

.searchOnlyMyStories

{
font-size: 0.85em;
}

.searchButton
{
margin: 10 0 0 0px;
}

.searchNoResults
{
font-size: 1.2em;
padding: 10 0 10 5px;
}

/* ================ shout box ================== */
#shoutList
{
}
.shout
{
	padding: 5px;
	font-size: small;
}
.shoutMessage
{
	background-color: #eee;
	padding: 4px;
	overflow: hidden;
	width: 300px;
}

/* ================ kick it image customization ================= */

.KickItImageCustomization 
{
	display: none;
	border-style: solid;
	border-color: #CCCCCC;
	background: #f7f7f7;
	border-width: 1px;
	padding-left: 20px; 
	margin-top: 0px;
}

/* ================ spy ================== */
#userActionList {}
.userAction { padding: 4px; }
.userActionKick { background-color: #ecffec; }
.userActionUnKick { background-color: #ffeeec; }
.userActionComment { background-color: #ecf7ff; }
.userActionStorySubmission { background-color: #ddebff; }
.userActionStoryPromotion { background-color: #009900; color: White; }
.userActionStoryPromotion a { color: White; font-weight: bold; }
.userActionTag {}
.userActionShout { background-color: #fcfae1; }
.userActionUserRegistration { background-color: #9efe9e; }
.userActionUserBan, .userActionUserUnBan, .userActionStoryDeletion { text-align: right; background-color: #d7d7d7; }

/* ================ pagination ================== */
.Paging
{
	padding: 2px;
}

.Paging ul
{
	margin: 0;
	padding: 0;
	text-align: right; /*Set to "right" or "left" to align pagination interface*/
	font-size: 16px;
}

.Paging li
{
	margin: 2px;
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
}

.Paging a, .Paging a:visited
{
	padding: 0 5px;
	border: 1px solid #9aafe5;
	text-decoration: none;
	color: #2e6ab1;
}

.Paging a:hover, .Paging a:active
{
	border: 1px solid #2b66a5;
	color: #000;
	background-color: #FFFF80;
}

.Paging a.CurrentPage
{
	background-color: #2e6ab1;
	color: #FFF !important;
	border-color: #2b66a5;
	font-weight: bold;
	cursor: default;
}

.Paging a.disablelink, .Paging a.disablelink:hover
{
	background-color: white;
	cursor: default;
	color: #929292;
	border-color: #929292;
	font-weight: normal !important;
}

.Paging a.PagingNext
{
	font-weight: bold;
}
.Paging a.PagingPrevious
{
	font-weight: bold;
}

/* zeitgeist */
.ZeitgeistNavigation
{
	float: left;
	display: block;
	background: #eeeeee;
	padding-right : 15px;
	margin-right: 30px;
}
.ZeitgeistLists
{
	padding-left: 15px;
	margin-left: 15px;
	display: table-cell;		   
	_display: inline-block;/*hack for msie*/
}

/* =========== template.css original stuff below ================= */
body { color: #333;	margin: 0; padding: 0; background: White;  }

a { color: #0066CC; }

body, td, th, h3, textarea, input, select {
	font-family: Sans-Serif, Verdana;
	font-size:  .93em;
}

#LoadingSpan 
{
	background-color: #CC3333;
	position:absolute;
	top:0;
	right:0;
	color: White;
	padding: 2px;
}

.smallText { font-size: small; }
.smallerText { font-size: smaller; }

.Users {
	border-style: solid;
	border-color: #CCCCCC;
	background: #f7f7f7;
	border-width: 1px;
	padding: 12px 12px 12px 12px; margin-top: 8px;
}




#PageContainer {
	position: relative;
	text-align: left;
	background: #fff;
	margin: 0 auto;
	padding: 0 0px 0 0px;
	min-width: 600px;
	max-width: 100%;
}

#header { width: 100%; margin: 0px; background-color: #90B4CF; background-image: url(images/gradients/blue.gif); color: White;  }
#header A { color: White; font-weight: bold; text-decoration: none;}
#headerLogo { font-size:36px; font-weight: bolder; font-family: "Trebuchet MS", Sans-Serif, Verdana;}
#headerTagLine { color: White; margin-left:8px; font-weight: bold; font-size: .9em; font-family: "Trebuchet MS", Sans-Serif, Verdana; }
#headerLinks A { padding: 8px 8px 8px 8px; }

#BreadcrumbsNavigationAndWelcome
{
	padding: 5px  15px 5px 15px;
	background-image: url(images/gradients/green.gif);
	background-color: #a3c84e;
	color: Black; 
	font-size: 1em; 
}
#BreadcrumbsNavigationAndWelcome a
{
	color: #ffffff;
	font-weight: bold;
}
#UserWelcome
{
	display:block;
	float:right;
}
#BreadcrumbNavigation
{
	display:block;
}
#BreadcrumbNavigation ul
{
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
}
#BreadcrumbNavigation ul li
{
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
}
 /* auto insert the >> character */
#BreadcrumbNavigation ul li:before
{
	content: "\0020 \0020 \0020 \00BB \0020";
}
/* except for first bullet, put whitespace there */
#BreadcrumbNavigation ul li.first:before
{
	content: " ";
}

/*
#BreadcrumbNavigation { width: 100%; font-size: 1.1em; padding: 1px 0px 1px 0px; 
background-color: #A8CC45; background-image: url(images/gradients/green.gif); color: Black; font-weight: bold; }
#BreadcrumbNavigation A { color: White; font-weight: bold; }
*/


#topAds { margin: 18px 0px 18px 0px; width:99%; text-align: center; background-color: #FFFFFF;}

.LargeInput 
{
	font-size: 1.5em; 
	border: 1px solid #BAFEB1;
	color: #3E79A4;
	padding: 2px;
	background: url(images/gradients/formBackground.gif) repeat-x; }
	
	.LargeInputLabel
{
	font-size: 1.3em; 
	color: #404048;
	
}

.PopularStoryListHeader { font-size: 1.1em; padding: 4px 4px 4px 4px; }
.PopularStoryHeaderLink {  padding: 0px 0px 0px 6px; background: url(images/divider.gif) 0 100% no-repeat; }
.PopularStoryHeaderLinkSelected { color: #85A237; }
.PopularStoryHeaderLinkChanging { color: Gray; }
.PopularStoryHeaderLinkSelected, .PopularStoryHeaderLinkChangingSelected { font-weight: bold; text-decoration: none; font-size: 1.3em; }

.PageCaption
{
	font-size: 2em;
	width:100%;
	border-bottom-style: solid;	
	border-bottom-width: 1px;
}

.PageSmallCaption
{
	font-size: 1.4em;
	width:100%;
	border-bottom-style: dashed;	
	border-bottom-width: thin;
	border-bottom-color: #bbbbbb;
}


.StoryListHeaderCaption { font-size: 1.6em; }
.StoryListHeaderSecondaryCaption { text-align: right; }


.MainContentTD { vertical-align: top; min-width: 800px; width:100%; padding-right: 4px; }
.LeftContentTD { vertical-align: top; min-width: 0px; max-width: 140px; }
.RightContentTD { vertical-align: top; min-width: 0px; width: 140px; padding-right: 6px; }

.SimpleTable { width: 100%; padding: 0px; font-size: inherit;}
.WideTable { width: 100%; padding: 0px; margin: 0px; }

.Thumbnail { border: solid 5px #EEEEEE; padding: 5px; margin: 5px 5px 20px 0px; }

.storySummaryTable 
{
	width: 100%;
	padding: 4px 4px 4px 4px;
	margin: 12px 0 0 0;
	
}

.storySummaryTableOdd 
{
	border-style: solid;
	border-color: #F9F9F9;
	border-width: 1px;
}

.storySummaryTableEven 
{
	background-color: #F8F8F8;
	border-style: solid;
	border-width: 1px;
	border-color: #F2F2F5;
}


.storySummaryKickTD 
{
	width: 60px;
	vertical-align: top;
}

.storyKickCount 
{
	background-color: #F1E6AA;
	text-align: center;
	font-weight: bold;
	width: 60px;
	height: 53px;
	font-family: "Trebuchet MS", Sans-Serif, Verdana;
}

.storyKickCount a {	text-decoration: none; }
.storyKickCount1 {  font-size: 2em; color: #949494; background-color: #E5EDF4; background-image: url(images/gradients/storyKickCount1.gif); background-repeat:no-repeat;	 }
.storyKickCount1 a { color: #949494; }
.storyKickCount10 { font-size: 2em; color: #949494; background-color: #D4E1ED; background-image: url(images/gradients/storyKickCount10.gif); }
.storyKickCount10 a { color: #6C6C6C; }
.storyKickCount100 { font-size: 1.7em; color: #949494; background-color: #BED7EA; background-image: url(images/gradients/storyKickCount10.gif); }
.storyKickCount100 a { color: Black; }
.storyKickCount1000 { font-size: 1.4em; color: #949494; background-color: #AACAE2; background-image: url(images/gradients/storyKickCount10.gif); }
.storyKickCount1000 a { color: Black; }

.storyKickIt {
	background-color: White;
	border: #c0c0c0 1px solid;
	text-align: center;
	padding: 3px 3px 3px 3px;
	margin-top: 4px;
}

.storyKickIt a 
{
	color: #0066CC;
	font-weight: bold;
}

.storyKicked
{
	background-color: #9EC630;
	background-image: url(images/gradients/green.gif);
	text-align: center;
	padding: 4px 4px 4px 4px;
	margin-top: 4px;
	font-size:.9em;
}

.storyKicked a { color:White; font-weight:bold; text-decoration: none; }

.storySummaryMainTD 
{
	vertical-align: top;
	padding: 0 0 0 8px;
}

.storyTitle { font-size: 1.4em;font-family: "Trebuchet MS", Sans-Serif, Verdana; }
.storySubmitted { font-size: .85em; margin-left: 8px; }
.storyActions { font-size: .85em; }
.storyActions a { text-decoration: none; }

.storyTags 
{
	font-size: 1em;
	padding: 14px 14px 14px 14px;
	border: #eeeeee 1px solid;
	background-color: #E7F7FF;
	font-family: "Trebuchet MS", Sans-Serif, Verdana;
}

.tagListSummary 
{
	float: right;
	font-size: 0.9em;
}

.tagCloud a { line-height: 1.4em; padding-right: 0.4em; }

.tag 
{
	text-decoration: none;
	padding: 4px 4px 4px 4px;
	font-family: "Trebuchet MS", Sans-Serif, Verdana;
}

.oddTag { color: Green; }
.evenTag { color: #0066CC; }
.namespaceTag { border: dotted 1px #CCCCCC; padding: 4px; margin: 10px; color: #888746; background-color: #FDFDE8;}
.DNKTV_NamespaceTag {  }

.editableTagListTD { width: 300px; }

.Paging 
{
	font-size: 1.4em;
	width:100%;
	border-top-style: solid;	
	border-top-width: thin;
	text-align: right;
	font-family: "Trebuchet MS", Sans-Serif, Verdana;
}

.PagingPrevious, .PagingNext 
{
	padding: 4px 4px 4px 4px;
}

.PagingInfo 
{
	
}

#footer { width: 100%; margin-top: 60px; font-size:0.9em; text-align:right; background-color: #90B4CF; background-image: url(images/gradients/blue.gif); color: White; padding: 4px 0px 4px 0px; }
#footer A { color: White; font-weight: bold; text-decoration: none;}

.GreenPanel {
	width:200px;
	background-image: url(images/gradients/GreenPanel.gif); 
	padding: 8px 8px 8px 8px;
	margin: 14px 0 0 0;
    border: #85FF7C 1px solid;						
}
.GreenPanelCaption, .GreenPanelPlainCaption { font-size: 1.2em; font-weight:bold; }

.GreenPanelPlain {
	width:200px;
	background-color: #F0FEF1;
	padding: 8px 8px 8px 8px;
	margin: 14px 0 0 0;
    border: #85FF7C 1px solid;
}

.SideBarLink 
{
	font-weight: bold;
	margin-left: 12px;
	margin-top: 10px;
}

.LightLink a, .ReportAsSpamLink a
{
	font-weight: normal;
	font-size: 0.7em;
	color: #b0b0b0;
}

.ReportAsSpamLink a
{
	font-size: 0.9em;
}


.ModeratorLink a
{
		font-size: 0.9em;
		color: Red;
}

.FormTable 
{
	width: 100%;
}

.FormTD
{
	padding: 8px 8px 8px 8px;
}


.FormTitle 
{
	text-align: right;
	vertical-align: top;
	padding-top: 12px;
	width: 150px;
	background-color: White;
	font-weight: bold;
}

.FormInput 
{
	vertical-align: top;
	text-align: left;
	background-color: White;
}

.FormButtons 
{
}

.FormHelp 
{
	font-size: .9em;
	color: Gray;
}
	
.ValidationMessage 
{
	vertical-align: top;
	text-align: left;
	color: Red;
}
.HelpDiv 
{
	padding: 20px 20px 20px 20px;
	background-color: #f6f6f6;
	font-size: 1.4em;
}

.HelpTitle
{
	background-color: #f6f6f6;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

.HelpAnswer
{
	background-color: White;
	padding: 10px 10px 10px 10px;
}


.Comment { padding: 12px 12px 12px 12px; margin-top: 8px; }
.CommentAuthor { text-align: right; font-size: 0.8em; }

.Comment 
{
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
}

.CommentAlt 
{
	background-color: #F8F8F8;
	border-style: solid;
	border-width: 1px;
	border-color: #AAAAAA;
}


.flash {
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	margin: 0px 0px 8px 0px;
}

.flash-notice {
	background: #fff6bf url(images/icons/exclamation.png) center no-repeat;
	background-position: 15px 50%;
	border-top-color: #ffd324;
	border-bottom-color: #ffd324;
}

.flash-information {
	background: #eee url(images/icons/information.png) center no-repeat;
	background-position: 15px 50%;
	border-top-color: #bbb;
	border-bottom-color: #bbb;
	margin: 16px;
}

.flash-error {
	background: #ffd1c4 url(images/icons/error.png) center no-repeat;
	background-position: 15px 50%;
	border-top-color: #f00;
	border-bottom-color: #f00;
}


/* The Lounge CSS */
    .tlp{ font-size: 10px; font-family: verdana, arial; }    

    .tli{
	    float: none;
	    margin-left: 0px;
	    margin-right: 10px;
	    margin-top: 5px;    
    }
    .tlp{
	    display: block;
	    font-size: 10px;
	    line-height: 15px;
	    margin-top: 5px;
    }
    
    #wedje_div_thelounge{ width: 160px; text-align: center; margin-left: 20px; }
    
    .adsvia{ margin-top: 10px;}

p.othersites {text-align: center; }
p.othersites select {width: 200px;}