/*heavily modified since Digg 1.2 By Sam El http://www.ventswap.com*/

*	{padding:0;margin:0}
body	{margin:0 10px;background:#fff;color:#000;font:500 normal 12pt/11pt Overlock,serif}

a	{color:#008;text-decoration:underline;outline:none}
a:hover	{text-decoration:none;color:#003}

p,pre	{margin:0.6em 0}
ol,ul,dl{padding:0 2em}

#AccountProfile dl dt {clear:both;float:left;margin:0 10px 5px 0; width:100px}
#AccountProfile dl dd {float:right}

#pgbottom{ display:none}

/* Errors & Success */
.ErrorContainer{color:#c00; padding:10px 10px 10px 37px !important; margin:25px 0!important; overflow:hidden; border-top:1px solid #FFC2CA; border-bottom:1px solid #FFC2CA; background:#fee url('alert.gif') no-repeat 10px 0}
.ErrorTitle{font-weight:700}
.ErrorTitle, .Error{color:#C00 !important}
#Success{border-top:1px solid #9C9; border-bottom:1px solid #9C9; background:#EFE; color:#050 !important; display:block; line-height:200%; text-align:center; margin-bottom:10px !important}

/* Remove System Message Button */
.Notice{background:#ffc; color:#000; border-top:1px solid #F9DF76; border-bottom:1px solid #F9DF76; font-size:13px; padding:8px; margin-bottom:20px; line-height:150%}
.Notice span{float:right; display:block}


/* Session.. */
header	{margin:5px 0}
#Session{height:16px;padding-right:25px;text-align:right; background:url('user.gif') no-repeat right top; color:#000}
#Session a{text-decoration:none}
#Session a:hover{text-decoration:underline}

/* Header &TOP NAVIGATION */
#Header			{margin:5px 0 0}
#Header #Title		{padding:0 0 0 110px;height:105px;background:url('logo-tss.png') no-repeat 0 0;font:220% 'Mountains of Christmas',Sans-Serif;letter-spacing:0}
#Header #Title a	{color:#42426F;text-decoration:none}
#Header #Title a:hover	{color:#000}

menu#MenuTop:after	{display:block;clear:both}
menu#MenuTop		{display:block;height:90px}
menu#MenuTop li a	{color:#007}
menu#MenuTop li		{font-size:90%;display:block;float:left;padding:10px 5px;margin:3px;background:#f9fff9;border:2px solid #ded;border-radius:5px}
menu#MenuTop li.TabOn	{background:#f9fff9;border:2px solid #9c9}

menu#MenuTop li#DiscussionStart {background:#bdb;border:2px solid #9c9}

/* Wrapper, Content, Panel &Footer */
#Main		{}

#Content	{display:block;margin-left:150px;border-left:1px solid #000;padding-left:10px}

#Content #Welcome{margin:0 0 3%; padding:20px 0 0 72px; min-height:55px; background:#fafafa url('welcome.gif') no-repeat 0 0}
#Content #Welcome strong{font-weight:700;font-size:110%;color:#7EAB30}

#Panel		{width:140px;height:auto;min-height:480px;float:left;font-size:0.8em}
#Panel h2	{
margin:10px 0;
padding:5px 0;
font-size:110%;
font-weight:700;
border:1px solid #fff;
text-transform:uppercase}

#Panel select		{width:100%; margin-top:3px}
#Panel ul		{margin:0 0 20px}
#Panel ul li p		{}
#Panel ul.Lists li a	{
font-weight:700;
display:block;
width:93%;
text-decoration:none;
border-bottom:1px dotted #000;
text-transform:uppercase}

#Panel ul.Lists li a:hover,#Panel ul li.TabOn a,#Panel ul.Lists li.TabOn a:hover{color:#007;border-bottom:1px dotted #007}
#Panel ul.Lists li a span{}
#AboutVanilla{margin:20px 0!important; text-align:center;}
.Invisible{display:none}

/* Discussion Index &Comments */
.ContentInfo{text-align:right}
.ContentInfo.Top{white-space:nowrap; overflow:hidden}

#DiscussionsPage .Bottom{margin:10px 0 0; font-size:10px}

.ContentInfo *, .PageInfo{font-size:95%; font-weight:700}

#CommentsPage #Content h1 a{font-size:100%}

#Content h1,#Content h2,#Content h3,#Content h4,#Content h5,
#Content h6	{font-weight:600;margin:20px 0;text-align:left;letter-spacing:-1px;white-space:normal}
#Content h1	{font-size:180%;line-height:150%}
#Content h2	{font-size:170%;line-height:140%}
#Content h3	{font-size:160%;line-height:130%}
#Content h4	{font-size:150%;line-height:120%}
#Content h5	{font-size:140%;line-height:110%}
#Content h6	{font-size:130%;line-height:100%}


/* Pagination */
.PageInfo{
float:left; width:100%; padding:1px 0; line-height:22px; color:#111; border-top:1px solid #eee; border-bottom:1px solid #eee}
.PageInfo p{float:left; width:35%; text-align:left}
.PageInfo .PageList{float:right;min-width:60%;text-align:right}
.PageList li{display:inline;margin:1px}
.PageList a{padding:0 7px;display:inline-block;text-decoration:none; border:1px solid #EEE}
.PageList .CurrentPage{padding:0 7px; text-decoration:none; border:1px solid #EEE; background-color:#eee; color:#BBB}
.PageList a:hover, .PageList li a:hover{border:1px solid #ADD56A; background-color:#FFF}
#PageJump{margin:5px 15px 0 20px; float:right}
.PageScroll{margin:10px 0 0; float:right; width:17px; height:18px; display:block}

* #Discussions{float:left; width:100%; margin-bottom:20px!important}
.Discussion{overflow:hidden; width:100%; line-height:200%}
.DiscussionTopic, .User.Name{overflow:hidden}
.DiscussionTopic span{display:none}

#Discussions .Topics{margin:2% 0 0; padding:0}
#Discussions .Topics .SocialBookmarks{margin:5px 0 0 15px; float:right; width:73px}
#Discussions .Topics .SocialBookmarks .AddTo{display:inline; float:right; margin-left:6px; width:auto}
#Discussions .Topics .TopicTitle{margin-right:73px;font-weight:700}
.DiscussionTopic a, #Discussions .Topics .TopicTitle a{
font-weight:100;
font-size:135%;
padding-left:19px; background:url('title-a.gif') no-repeat left 6px}

.DiscussionTopic a:hover, #Discussions .Topics .TopicTitle a:hover{background:url('title-hover.gif') no-repeat 0 6px; color:#111; text-decoration:none}
#Discussions .Topics .TopicInfo{margin:10px 0 5px; padding:0; overflow:hidden; border-top:1px solid #EEE}
.User.Name a{text-decoration:underline!important; font-weight:700}
.DiscussionCategory, .DiscussionStarted, .DiscussionComments, .DiscussionLastComment, .DiscussionActive, .DiscussionNew{width:auto; display:inline; font-size:97%; margin-right:5px!important}
.DiscussionNew a{color:#7EAB30!important; text-decoration:none}
#Discussions li.Read.NewComments .DiscussionNew{display:inline}

#Discussions li.NewComments {background-color:#ffa;border:1px solid #000}

/* Category Index */
#CategoryPage #Content .ContentInfo{border-bottom:1px solid #EEE}
#Categories{margin:0 0 20px!important; width:100%}
#Categories li ul{padding:10px 0; border-bottom:1px solid #EEE}
#Categories li li{height:auto; border:0}

.Category{overflow:hidden; width:100%}
.CategoryName a{padding:0 0 5px 34px; font-size:140%; font-weight:100; background:url('cat-on.gif') no-repeat 0 0}
.BlockedCategory .CategoryName a{padding:0 0 5px 34px; font-size:140%; font-weight:100; background:url('cat-blocked.gif') no-repeat 0 0}
.CategoryName span, .CategoryDescription span, .CategoryName.Normal{display:none}
.CategoryDescription{margin-top:10px; padding-bottom:10px; line-height:190%; overflow:hidden}
.CategoryDiscussionCount, .CategoryOptions{width:auto; display:inline; margin-right:10px!important; font-weight:700}
.CategoryOptions{cursor:pointer}

/* Comments */
#Comments li				{margin:5px 0}
#Comments li.Hidden			{background:#FFF0F8}
#Comments .CommentHeader		{padding:0; text-align:left;margin:0 0 5px}
#Comments .CommentHeader span		{display:none}
#Comments .CommentHeader span.CommentToolBar{display:block;float:right}
#Comments .CommentHeader a.WhisperBack	{padding-left:10px; text-decoration:underline; font-weight:400; cursor:pointer}
#Comments .CommentHeader a.WhisperBack:hover{text-decoration:none}
#Comments .CommentHeader em		{color:#888; font-style:normal}
#Comments li.Hidden .CommentHeader i	{padding-left:8px; color:#C00; font-style:normal}
#Comments .CommentHeader a		{font-weight:700}
#Comments .CommentHeader span a		{font-weight:400; margin-left:3px; padding-right:8px}
#Comments .CommentHeader span a:hover	{text-decoration:none}
#Comments .CommentHeader:after		{clear:right}

#Comments div.CommentIcon	{float:left;width:138px;min-height:150px;margin:0 5px 5px 0;background:transparent}
#Comments div.CommentIcon span	{display:block;width:138px;height:138px;background:transparent center center no-repeat;border:1px solid transparent;border-radius:10px}
#Comments .CommentNotice	{font-size:0.8em;line-height:1.1em;letter-spacing:1px;margin:2px 0;padding:3px;text-align:center;border-top:1px solid #000;border-bottom:1px solid #000}
#Comments .CommentBody{
display:block;
margin:0 0 15px;
padding:7px;
width:auto;
font-size:1.1em;
line-height:1.6em;
background: #fafafa;
border:2px solid #eee;
border-radius:          4px;
min-height:140px;
overflow:hidden;position:relative
}

.WhisperFrom .CommentBody .CommentIcon:after,
.WhisperTo .CommentBody .CommentIcon:after{
position:absolute;top:3em;left:-6em;margin:0;font-size:0.7em;line-height:1.3em;
display:block;content:"CHUCHOTI";letter-space:2px;color:#007;background:#fcc;padding:2px 7em;
-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}


ol#Comments li.CommentZone {list-style:none;padding:0}

#Comments .CommentBody ul li, #Comments .CommentBody ol li{border-bottom:0; padding:0}
.WhisperTo	.CommentHeader	{background:#ffc; border: 2px dotted #000}
.WhisperFrom	.CommentHeader	{background:#E5FFE5; border: 2px dotted #000}
.WhisperFrom .CommentHeader ul li,
.WhisperTo .CommentHeader ul li{color:#C00!important}
.CommentHeaderEnd	{clear:right}
#Comments code{margin:10px 0 0; padding:10px 10px 10px 43px; display:block; white-space:pre; background:#FFF url('code.gif') no-repeat 0 0; font-size:115%}
#Comments li.LastMessages div.CommentBody{
background-color:#ffa;
border: 2px dashed #000;
}

/* Blockquote */
#Comments blockquote blockquote{border:1px solid #B4E4F0;margin:7px 0 0}
#Comments blockquote{display:block;margin:0 0 7px 140px; padding:5px; border:1px solid #B4E4F0; background-color:#FFF; quotes:"\201C""\201D"; font-style:italic}
#Comments blockquote:before{display:block; content:open-quote; font-weight:bold; font-size:150%; color:#16A9CD}
#Comments blockquote:after{content:close-quote; font-weight:bold; font-size:150%; color:#16A9CD}
#Comments blockquote cite{font-weight:700; display:block; margin:-10px 0 10px; padding-bottom:5px; border-bottom:1px solid #B4E4F0; color:#16A9CD}

/* Search Page */
#Form.Search{width:99%!important; padding:0!important}
html>body #Form.Search{width:100%!important}
#Form.Search fieldset legend{padding:0!important; margin-bottom:6px; color:#111}
#SearchSimple{margin:0!important}
#SearchSimple label{display:inline!important; width:10px!important}
#MainSearchInput #txtKeywords, .SearchInput{width:60%!important; margin-left:0!important}
#MainSearchInput #txtKeywords, .SearchInput, .SmallInput, .LVLabelInput, .LVValueInput{border:1px solid #EEE; height:20px}
#MainSearchInput label{display:none!important}
#Form.Search .Submit input{margin:0!important}
#SimpleSearchRadios input{width:auto!important; margin:0 2px 0 12px}
#SimpleSearchRadios label{font-weight:400!important}

/* Advanced Search Form */
.SearchSwitch{display:block; float:right; margin-top:-25px!important}
#SearchDiscussionFields, #SearchCommentFields, #SearchUserFields{display:none}
.AdvancedSearchInput{width:60%!important}
.AdvancedUserInput, #DiscussionAutoCompleteResults, #CommentAutoCompleteResults{width:160px!important}
#ddRoles, #ddOrder, #ddCommentCategories, #ddDiscussionCategories{width:auto!important}
#SearchPage .Bottom .PageInfo{margin-top:0!important; border-top:0}

/* Comment Search Results */
#CommentResults .CommentText span{display:none}
#CommentResults .DiscussionTopic, #CommentResults .CommentText, #CommentResults .DiscussionCategory{float:left; display:block; width:99%}
#CommentResults .DiscussionTopic a{display:block; padding-left:19px}
#CommentResults .CommentText span.Highlight{display:inline}
#CommentResults .CommentText, #CommentResults .SearchComment, #UserResults .UserAccount{overflow:hidden; width:100%}
#CommentResults li ul{margin:0; padding:10px 0 15px; border-bottom:1px solid #EEE}
#CommentResults .CommentText, #CommentResults .CommentText a{margin:5px 0 10px!important; color:#111}
#CommentResults .CommentAuthor, .CommentAdded{width:auto; display:inline; margin:0 10px 0 0!important}
#SearchPage #Discussions{margin-bottom:0!important; padding-bottom:20px!important; border-bottom:1px solid #EEE}

/* User Search Results */
#UserResults li{border-top:1px solid #FFF}
#UserResults li li{height:auto; border:0}
#UserResults li ul{padding:10px 6px 15px; border-bottom:1px solid #EEE}
li.User{display:inline; margin-right:5px!important}
li.User.Name{display:block; font-size:100%; line-height:34px}
li.User.Name .UserIcon{padding:9px 0 9px 30px!important; margin-right:6px!important; background-repeat:no-repeat!important; display:inline!important; background:center center no-repeat}
li.User.Name.WithIcon{line-height:50px}
li.User.Name a:hover{text-decoration:none !important}
li.User.Name span{display:none}

/* Forms */
#Form{margin-bottom:10px}
#Form fieldset{border:0; clear:none; margin-bottom:20px}
#Form fieldset legend{padding:4px 0; margin:0;
font-weight:100;
font-size:130%;
letter-spacing:-1px}
#Form form{margin:0; padding:10px 20px; border-top:1px solid #EEE; border-bottom:1px solid #EEE; background:#eee}
#Form li{margin-bottom:10px; font-weight:700}
#Form label a{margin:0 1px -3px 0; float:right; padding:3px 7px; text-decoration:none; font-weight:400; border:1px solid #EEE; background:#FFF}
#WhisperUsername, #WhisperAutoCompleteResults{width:200px; border:1px solid #EEE; height:20px}
#Form textarea, #Form input, #Form select{font-weight:400}
#Form textarea			{min-width:95%; height:150px}
#Form textarea.SmallCommentBox	{height:200px}
#Form textarea.LargeCommentBox	{height:500px}
#Form textarea			{border:1px solid #EEE}
#Form .Button.SubmitButton{margin-right:10px}
/* Add Comment &Start Discussion Forms */
#Form.StartDiscussion legend, #PostPage #Form.AddComments legend{padding-top:0}
.AddComments{width:99%}
#Form.AddComments{width:100%}
#Form.AddComments fieldset{margin:0}
#Form.AddComments form{margin-top:0!important}
#Form.StartDiscussion label, #Form.AddComments label{display:block; width:100%; font-weight:400}
#Form.StartDiscussion label.Radio, #Form.AddComments label.Radio{display:inline!important; width:auto!important}
#Form.AddComments{margin:0 0 4px; padding:4px 0 0; float:left}
#PostPage #Form.AddComments{padding:0}
.DiscussionBox{width:400px; border:1px solid #EEE; height:20px}
#Form .Button{width:auto!important}
#Form.AddComments a, #Form.StartDiscussion a, #Form.AddComments #CommentFormats label{font-weight:400}
#CommentFormats input{margin:0 2px 0 12px}

/* Account Section Forms */
.Account{margin:0!important}
#Form.Account h2{font-size:14px; margin-bottom:10px}
#Form.Account p{padding-bottom:10px}
#Form.Account ul p{padding:0}
#Form.Account label{display:block; width:80%; line-height:18px; margin-bottom:4px}

/* Globals Form */
#Form.GlobalsForm label{float:left}
#Form.Extensions label{width:100%}
#Form.Account .Description span label, #Form.Account label small{font-weight:400}
#Form.Account input, #Form.Account select{width:40%}
#Form.GlobalsForm input, #Form.GlobalsForm select{width:59%}
.Description{margin:3px 0!important; padding:3px 0 5px !important}
#Form.Account p span{display:block; margin-top:5px}
#Form.Account p span label{float:none; display:inline; margin-left:5px; font-weight:700; line-height:20px; width:90%}
#Form.Account p span input{width:14px}
#Form.Preferences p span label{font-weight:400}
#Form.GlobalsForm select.SmallSelect{width:50px}
#Form.GlobalsForm #ForumOptions p span label{font-weight:400!important}
#Form.GlobalsForm #ForumOptions{margin-bottom:20px}
#Form.GlobalsForm p{margin-bottom:10px}

/* Update Check form */
.UpdateOld .Name, .UpdateGood .Name, .UpdateUnknown .Name, .UpdateChecking .Name{padding:0 0 4px 23px!important}
.UpdateOld .Details, .UpdateGood .Details, .UpdateUnknown .Details, .UpdateChecking .Details{font-weight:400}
.UpdateGood{background:#FFFB97}
.UpdateOld, .UpdateUnknown, .UpdateChecking{background:#FFFEEC}
.UpdateOld .Name{background:url('ico.alert.gif') no-repeat top left}
.UpdateGood .Name{background:url('ico.check.gif') no-repeat top left}
.UpdateUnknown .Name{background:url('ico.unknown.gif') no-repeat top left}
.UpdateChecking .Name{background:url('progress.gif') no-repeat center left}

/* RoleEdit Form &Category List */
#Form.CategoryList .RoleBlocked{background:#F4F4C2 url('disabled-tile.gif')}
#Form.RoleEditForm li p span label, #Form.CategoryForm li p span label{font-weight:400!important}

/* Custom form for extensions management screen */
#Form.Extensions{margin:0 0 20px!important}
div.Extensions ul{border:1px solid #EEE; border-bottom:0; margin:10px 0 20px!important}
div.Extensions ul li{border-bottom:1px solid #EEE; margin:0 !important; padding:10px !important; overflow:hidden}
div.Extensions ul li.Enabled{background:#FEFECB}
div.Extensions ul li.Processing label{background:url('progress.gif') no-repeat center left}
div.Extensions ul li.Processing input{display:none}
div.Extensions h3{font-size:13px}
div.Extensions h3 label{display:inline!important; padding-left:20px!important}
div.Extensions ul li input{width:auto!important; margin-top:3px!important; float:left}
div.Extensions ul li span, div.Extensions ul li span *{font-weight:400; z-index:1}
div.Extensions ul li span{margin-left:10px !important}
div.Extensions .Version{font-weight:700; margin-left:5px!important}
div.Extensions ul li p{padding-left:30px!important; font-weight:400}
div.Extensions ul li p a{text-decoration:none}
div.Extensions ul li p a:hover{text-decoration:underline}

/* Custom form for sortable list */
.SortList{background-color:#FFC; border:1px solid #FFF; border-top:0}
.MovableSortListItem{cursor:move}
.SortListItem{border-top:1px solid #FFF; padding:6px!important; margin:0!important; position:relative}
.SortListOptions{float:none; position:absolute; right:20px}
.SortRemove{background:url('btn.remove.gif') no-repeat center right}
.SortRemove, .SortNoRemove{text-decoration:none; margin-left:10px!important; padding-left:15px!important}
#CustomInfo li{width:50%; float:left}
#CustomInfo li input{width:80%!important}
.Submit{margin:20px 0!important; text-align:right}
.Submit input{width:auto!important; float:left; cursor:pointer}

/* Profile Page */
#AccountProfile #Success, #AccountProfile .ErrorContainer{margin-right:18px}
#AccountProfile .ErrorContainer{margin-bottom:10px; border-bottom:1px solid #EEE}
#AccountProfile{float:left; width:300px; border-right:1px solid #EEE}
#AccountProfile li{clear:both; margin-right:20px; line-height:18px}
#AccountProfile h3{font-size:90%; width:50%; float:left}
#AccountProfile p{float:left; width:49%}
#AccountProfile h2{font-size:100%; width:60%; float:left}
#AccountProfile .ProfileTitle *{line-height:32px}
#AccountProfile .Tagline{padding:6px; text-align:center; border-top:1px solid #EEE; border-bottom:1px solid #EEE; background:#eee; margin:0 20px 10px 0}
.ProfileTitleIcon{background-repeat:no-repeat}
.ProfileTitle h2{width:48%!important}
.ProfileTitle.WithIcon h2{padding-left:4px!important; width:auto}
.ProfileTitle.WithIcon .ProfileIcon{padding:9px 0 9px 30px; background:transparent no-repeat center center; margin-right:6px; display:inline; float:left; width:32px}
#AccountProfile .ProfileTitle p{width:auto; float:right; text-align:right; font-size:13px; color:#AAA}
#AccountProfile .ProfileTitle{line-height:20px; margin-bottom:10px}
#AccountProfile .Picture{width:280px; height:200px; overflow:hidden; background:center center no-repeat; margin-bottom:6px}
#AccountHistory{margin-left:320px}
html>body #AccountHistory{margin-left:300px!important}
#AccountHistory ul, #AccountHistory h2{margin:0 20px}
#AccountHistory ul{margin-bottom:20px}
#AccountHistory ul{border-top:1px solid #EEE}
#AccountHistory li{padding:5px; border-bottom:1px solid #EEE}
#AccountHistory h2, #AccountHistory h3, #AccountHistory h3 a, #AccountHistory h3 small, #AccountHistory p, #SettingsPage #Content dl *{font-size:100%}
#AccountHistory p.Note{padding:3px; padding-bottom:0; font-style:italic}

/* Settings Home */
#Form.Help form{width:98%!important; margin:0; padding:0 10px}
.Description{margin-top:15px!important; padding:10px!important; font-weight:400; background-color:#FFC}
#SettingsPage #Content dl dt{margin:10px; padding-bottom:5px; font-size:100%; font-weight:700; border-bottom:1px solid #EEE}
#SettingsPage #Content dl dd{margin:10px; font-size:100%}
.hiLite{background:#FF9; font-style:normal}

/* Autocomplete results */
.AutoCompleteContainer{border:1px solid #EEE; border-top:0}
.AutoCompleteContainer td{padding:3px; cursor:pointer}
.AutoCompleteRow td{background:#eee}
.AutoCompleteHoverRow td{background:#FFF}

/* Ajax progress */
.HideProgress{background:url('hprogress.gif') center center no-repeat; text-decoration:none !important; padding-left:15px; padding-right:15px}
.Progress{background:url('hprogress.gif') left center no-repeat; padding-left:22px!important}
.PreferenceProgress{background:url('hprogress.gif') left center no-repeat; padding-left:16px!important}
.Complete, .PreferenceComplete{background:none; padding-left:0}
.PreferenceProgress input{display:none}
.PreferenceComplete input{display:inline}

/* Misc &Fixes */
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-table}
.left{float:left}
#Form h2, #Form p, * html .clearfix{height:1%}
.clearfix{display:block}

#AccountProfile *, .PageList, #Discussions, #Discussions *, #Categories, #Form *, #CommentResults, #CommentResults *, #UserResults, #UserResults *, #AccountHistory *
{list-style:none}

#Panel ul, #Panel ol{list-style:none;padding:0}

img{border:0}
.ClearBoth{clear:both}
#DebugBar{display:none}

/* Footer */
footer{margin:2em 0}
footer p{text-align:center}

.markItUp {}

.markItUpHeader ul li	{float:right}
.markItUpEditor		{clear:right;min-height:400px}