@import url('reset.css') /* NoFollow */; 
/*
Welcome to the Vanilla CSS File! 6 Things you should know:

1. The reset.css file imported above breaks all elements down to a base style.

2. There is a menu.css file that is also included on every page of Vanilla. It
   defines the main dropdown menu at the top of the page. If you want to change
   the appearance of that menu, you should do it by defining overriding rules in
   the Menu section of this file.
   
3. There is a popup.css file that is also included on every page of Vanilla. It
   defines the appearance of popups (warnings, comment & discussion previews,
   etc). If you want to change the appearance of the popup, you should do it by
   defining overriding rules in this file.

4. This css file will be included on all Vanilla pages. Those pages are:
   + Discussions (All Discussions, Bookmarks, Your Discussions, etc)
   + Drafts
   + Categories
   + Comments
   + Start a New Discussion Form
   + Add a Comment Form

5. The profile page has it's own completely custom css file so you can do all
   kinds of custom magic there (profile.css).

6. This file is broken down into the following sections:
   + Line 42:     General Styles & Typography
   + Line 327:    Header
   + Line 389:    Main Menu
   + Line 424:    Panels / Sidebars
   + Line 545:    Discussions
   + Line 650:    Categories
   + Line 688:    Comments
   + Line 916:    Drafts
   + Line 957:    Discussion & Comment Forms
   + Line 1048:   Footer
*/

/* ============================================== General Styles & Typography */
#Body {
   text-align: left;
   margin: 0 auto;
   }
#Content {
   float: left;
   width: 580px;
   margin: 0 0 40px;
}

#Content h1 {
	font-size:18px;
	font-style:italic;
	font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: 300;
	letter-spacing:0.5pt;
}

#Content .DiscussionLink {
	font-weight:normal;
	font-size:15px;
	line-height:16px;
}

h1, h2, h3, h4, h5, h6 {
   font: 100% normal "Helvetica Neue",Helvetica,arial,sans-serif;
   margin: 0;
}
p {
   margin: 0.5em 0 0 0;
   font-family: "Helvetica Neue",Helvetica,arial,sans-serif;
}
h1, h2 {
   border-bottom: 1px solid #dbe3e6;
   margin-bottom: 10px;
}
h3 {
   font-size: 140%;
}
h4 {
   font-size: 120%;
   color: #6C6C6C /* Body Heading Font Color */;
}
h5 {
   font-size: 120%;
   color: #6C6C6C /* Body Heading Font Color */;
}
a,
a:link,
a:visited,
a:active {
   text-decoration: none;
   color: #2786c2 /* Body Link Font Color */;
}
a:hover {
   text-decoration: none;
}
input.InputBox,
input.SmallInput,
textarea {
   font-family: arial;
   color: #222;
   font-size: 14px;
   padding: 3px;
   margin: 0;
   width: 250px;
   border: 1px solid #888;
}
input.SmallInput,
input.InputBox {
   font-size: 15px;
   padding: 6px 3px;
}
input.SmallInput:focus,
input.InputBox:focus,
textarea:focus {
   background: #ffe;
}
textarea {
   line-height: 128%;
}
select {
   font-family: arial;
   font-size: 14px;
   color: #222;
   margin: 0;
   padding: 3px;
   }
select.Day,
select.Year {
   margin-left: 4px;
}
.Button {
   cursor: pointer;
   margin: 0 0 0 0;
   font-family: Tahoma, 'Trebuchet MS', Arial, Verdana;
   padding: 4px;
   font-size: 11px;
   background: url('button_bg2.png') repeat-x center left #f8f8f8;
   color: #555;
   border: 1px solid #bbb;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   }
input.Button {
   font-weight: bold;
}
.Button:hover {
   color: #333;
   border: 1px solid #888;
}
.Hidden {
   display: none;
}
.Loading {
   height: 100px;
   padding: 0 20px;
   background: url('progress.gif') center center no-repeat;
}
.Progress {
   padding: 10px 40px 10px 0;
   background: url('progress.gif') center center no-repeat;
}
/* Note: Messages are the yellow notices that appear at the top/center of the
  page to notify users of things like drafts being saved, etc. */
div.Messages {
   text-align: center;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 200;
   margin: 0 !important;
   padding: 0 !important;
   list-style: none !important;
   font-size: 12px;
   display: block;
   width: 100%;
}
* html div.Messages {
  position: absolute;
  width: 100%;/*IE5.5*/
  top: 0;
  left: 0;
  overflow: visible; 
  top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
}
div.Messages ul {
   cursor: pointer;
   width: auto !important;
   border: 0 !important;
   margin: 0 auto !important;
   padding: 4px 8px !important;
   -moz-border-radius-bottomleft: 2px;
   -moz-border-radius-bottomright: 2px;
   -webkit-border-bottom-left-radius: 2px;
   -webkit-border-bottom-right-radius: 2px;
   background: #ff9 !important;
   display:-moz-inline-stack;
   display:inline-block;
   zoom:1;
   *display:inline;
}
div.Messages ul li {
   text-align: left !important;
   border: 0 !important;
   color: #000 !important;
   padding: 0 !important;
   margin: 0 !important;
   list-style-position: outside;
}
div.Errors ul {
   background: #d50a0a !important;
}
div.Errors ul li {
   color: #fff !important;
}
/* Note: Warning, Alert & Info are simple boxes that can be used to wrap message
   strings & imply importance. */
.Warning {
   background: #ffc;
   border: 1px solid #ff9;
   color: #000;
   padding: 6px 8px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}
.Alert {
   background: #d00;
   border: 1px solid #b00;
   color: #fff;
   padding: 3px 6px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}
.Alert a {
   color: #fff;
}
.Alert a:hover {
   text-decoration: underline;
}
div.Info {
   font-size: 13px;
   background: #fafafa;
   border: 1px solid #eee;
   color: #888;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   padding: 6px;
   margin: 0 0 10px;
}
div.EmptyInfo {
   margin: 10px 0;
}
/* Note: The MessageModule (in /applications/garden/modules) wraps all messages
  that it renders in a div with this DismissMessage class. */
div.DismissMessage {
   margin: 6px 0 10px;
}
div.DismissMessage p {
   margin: 2px 0;
}
div.DismissMessage a.Dismiss {
   float: right;
   line-height: 120%;
   color: #999;
	padding: 2px 4px;
}
div.DismissMessage a.Dismiss:hover {
   background: #fafafa;
   border: 1px solid #ccc;
   color: #333;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 1px 3px;
}
/* Note: The close class is used on the "close" anchor in popups. */
a.Close {
   font-weight: bold;
   font-family: tahoma;
   font-size: 10px;
   text-transform: uppercase;
   color: #bbb;
   background: #f9f9f9;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   padding: 1px 4px 2px 5px;
   margin: 0;
   line-height: 100%;
   border: 1px solid #ddd;
}
a.Close:hover {
   border: 1px solid #bbb;
   color: #999;
   background: #fff;
}
/* Note: MorePager is related to the /applications/garden/modules/MorePagerModule. */
.MorePager {
   list-style: none;
   margin: 1px 0 0;
   padding: 3px 6px;
   text-align: right;
   background: #e9f9ff;
   }
.MorePager a {
   font-size: 13px;
   font-weight: bold;
   text-align: right;
}
.MorePager a:hover {
   color: #2786c2 !important;
   text-decoration: underline;
}
#PagerLess {
   margin-bottom: 1px;
}
tr#PagerMore td {
   border: 0;
   text-align: right;
}
#PagerMore {
   margin-bottom: 1px;
}


/* =================================================================== Header */
#Head {
	background:#d9d9d9;
	border-top:1px solid #cecece;
	position:relative;
	top:-21px;
	left:-17px;
	width:900px;
	padding: 0;
	text-align: right;
	height:35px;
}
#Head form {
	float: right;
	width: 240px;
	background: #fff;
	padding: 0;
	margin: 4px 26px 0 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-bottom:1px solid #ddd;
}
#Head form input.InputBox {
   width: 194px;
   border: 0;
   padding: 4px 2px 4px 0;
   background: #fff;
   margin: 0;
   color: #969696;
   font-size: 13px;
}
#Head form input.Button:hover {
   border: 0;
   width: 38px;
   height: 26px;
	background: #92e06a;
   background: 
	-webkit-gradient(linear, left top, left bottom, from(#5bab33), to(#92e06a));
	text-shadow:0px -1px 0px #468c23;
   color: #fff /* Panel Font Color */;
   padding: 3px 0 4px;
   margin: 0;
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
   -moz-border-radius-topright: 5px;
   -moz-border-radius-bottomright: 5px;
   -webkit-border-top-right-radius: 5px;
   -webkit-border-bottom-right-radius: 5px;
}

#Head form input.Button {
   border: 0;
   width: 38px;
   height: 26px;
	background: #5bab33;
   background: 
	-webkit-gradient(linear, left top, left bottom, from(#92e06a), to(#5bab33));
	text-shadow:0px -1px 0px #468c23;
   color: #fff /* Panel Font Color */;
   padding: 3px 0 4px;
   margin: 0;
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
   -moz-border-radius-topright: 5px;
   -moz-border-radius-bottomright: 5px;
   -webkit-border-top-right-radius: 5px;
   -webkit-border-bottom-right-radius: 5px;
}


/* ================================================================ Main Menu */
div.Menu {
	text-align: right;
	margin: 0 auto;
	border-top:1px solid #f0f0f0; 
	width:900px;
	height:34px;
	border-bottom:1px solid #d7d7d7;
}
ul#Menu, ul#Menu2 {
   float: left;
   margin: 0 auto;
   padding: 6px 0 0 18px;
	text-shadow:0 1px 0 #f1f1f1;
	letter-spacing:0.3pt;
}

#Menu ul,
#Menu li.Active, #Menu2 li.Active {
   background: #cacaca;
}
#Menu a, #Menu2 a,
#Menu li.Active a, #Menu2 li.Active a {
   color: #61656d;
}
#Menu a:hover, #Menu2 a:hover {
   background: #cacaca;
}
#Menu a:hover, #Menu2 a:hover,
#Menu li.NonTab a:hover, #Menu2 li.NonTab a:hover {
    color:#2a71cc !important;
}
/* Numbers next to menu items */
#Menu a span, #Menu2 a span,
#Menu li.Active a span, #Menu2 li.Active a span,
#Menu li.Highlight a:hover span, #Menu2 li.Highlight a:hover span {
   background: #f2fcff;
   color: #299fc7;
}


/* ======================================================== Panels / Sidebars */
#Panel {
   width: 250px;
   float: right;
}

#Panel p {
line-height:20px;
}

ul.superCats, ul.superCats2 {
	margin:0px 10px 0px 10px;
}

ul.superCats li, ul.superCats2 li {
	border-top:1px solid #ddd;
	padding:7px 0 3px 0;
}

ul.superCats li a {
	color:#61656d;
	font-size:11px;
	font-weight:bold;
	float:left;
}

ul.superCats li a:hover, ul.superCats2 li a:hover {
	text-decoration:underline;
}

ul.superCats li span.recentDeet {
	float:right;
	font-size:9px;
	font-style:italic;
	color:#888;
	margin-top:3px;
}

ul.superCats2 li a {
	color:#61656d;
	font-size:11px;
	font-weight:bold;
}

ul.superCats2 li span.recentDeet {
	float:right;
	font-size:9px;
	font-style:italic;
	color:#888;
	margin-top:6px;
}


div.Box {
   -moz-border-radius: 1px;
   -webkit-border-radius: 1px;
   background: #e9f9ff /* Panel Background Color */;
   color: #999;
   padding: 6px 10px;
   margin: 0 0 10px 0;
}
div.Box h4 {
   font-size: 110%;
   color: #2786c2 /* Panel Font Color */;
   font-weight: bold;
   margin: 0;
   padding: 0 0 1px;
   border-bottom: 1px solid #caf0fe /* Panel Inlay Border Color */;
}
div.Box dl {
   border-bottom: 1px solid #caf0fe;
   background: #f0fbff;
   padding: 3px;
   font-size: 90%;
   overflow: hidden;
}
div.Box dl dt {
   float: left;
   width: 80px;
   color: #2786C2; /* Panel Font Color */
}
div.Box dl dd {
   margin-left: 80px;
}
div.Box p {
   padding: 0 0 4px;
   color: #555 /* Body Text Font Color */;
}
ul.PanelInfo li {
   border-bottom: 1px solid #ddd /* Panel Inlay Border Color */;
   margin: 2px 10px;
   text-align: right;
}
ul.PanelInfo li strong {
   font-weight: normal;
   text-align: left;
   margin-right: 12px;
   font-weight: normal;
}
ul.PanelInfo li a {
   float: left;
}
ul.PanelInfo div.Meta {
    font-size:10px;
margin:5px 0;
font-family:"lucida grande", tahoma, helvetica, arial, sans-serif;
}
ul.PanelInfo div.Meta span,
ul.PanelInfo div.Meta strong {
   margin-right:10px;
}
ul.PanelInfo div.Meta span a {
   margin-left: 8px;
}
ul.PanelInfo div.Meta strong {
   font-weight: normal;
   display: inline;
   color: #80828C;
   background: #ff6;
   padding: 0 2px;
}
ul.PanelDiscussions li {
   text-align: left;
}
ul.PanelDiscussions li a {
   float: none;
}
ul.PanelDiscussions li strong {
   display: block;
}
ul.PanelInfo li.Active {
   background: #fff /* Panel Selected Background Color */;
   border-bottom: 1px solid #a3e6ff /* Panel Inlay Border Color */;
}
ul.PanelInfo li.Active a {
   color: #2786C2 /* Panel Selected Font Color */;
}

ul#Bookmark_List li {
	padding-bottom:8px;
}

ul#Bookmark_List .Meta span {
	font-size:10px;
	margin:8px 6px 0 0;
}

ul#Bookmark_List .Meta strong {
	font-size:10px;
	font-weight:normal; 
	margin:8px 6px 0 0;
	background: #ff0;
   padding: 1px 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
}

ul#Bookmark_List .Meta span a {
	font-weight:normal;
	   color: #2786c2;
	margin-left:6px;
}

ul#Bookmark_List .Meta span a:hover {
	text-decoration:underline;
}

#Panel a.Bookmark,
a.NewDiscussion {
   padding: 6px 0;
   display: block;
   text-align: center;
   font-size: 16px;
   font-weight: bold;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   background: #44c7f4 /* Banner Background Color */;
   color: #fff /* Banner Font Color */;
   text-decoration: none;
   margin: 0 0 10px 0;
   text-shadow: 0 1px 0 #30ACD6;
}
a.NewDiscussion:hover {
   background: #11e420 /* Menu Hover Background Color */;
   color: #fff /* Menu Hover Font Color */;
   text-shadow: 0 1px 0 #01c400;
}

#Panel a.Bookmark,
a.NewDiscussion {
	background:transparent url(getArtistStats4.png) no-repeat 0px 0px;
	width:240px;
	height:40px;
	margin-right:9px;
	margin-bottom:20px;
	position:relative;
	top:20px;
	border:0;
	cursor:pointer;
	float:right;
	margin-top:3px;
	text-indent:-99999px;
	font-size:0;
	display:block;
	line-height:0;	
}

a.NewDiscussion:hover {
	background:transparent url(getArtistStats4.png) no-repeat 0px -60px;
}

a.NewDiscussion:active {
	background:transparent url(getArtistStats4.png) no-repeat 0px -120px;
}
#Panel a.Bookmark {
   background: #9f0;
   color: #fff;
}
#Panel a.Bookmark:hover {
   background: #ff6b39;
   color: #fff;
}
#Panel ul.Discussions {
   border: 0;
}

/* ============================================================== Discussions */

/* Note: DataList is used in search results, vanilla discussions & drafts */


ul.DataList li {
   margin: 0;
   padding: 0 0 4px 0;
   border-bottom: 1px solid #dbe3e6;
   border-top: 1px solid #fff;
}
ul.DataList li li {
	border: 0;
	padding: 0;
}

ul.DataList,
ul.DataList li ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
ul.DataList li ul li.Title {
   float: left;
   width: 458px;
   font-size:14px;
}
ul.DataList li ul li.Meta {
   clear: both;
}
ul.DataList li ul li.Title a {
   border: 1px solid #eee;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   background: #fafafa;
   margin: 4px 0;
   padding: 2px 8px;
   line-height: 130%;
   color: #2b3033;
   font-size: 105%;
   display: block;
   clear: left;
}
ul.DataList li ul li.Title strong {
   display: block;
   padding: 8px 0 10px 10px;
   margin: 0;
}
ul.DataList li ul li.Title strong a {
   display: inline;
   border: 0;
   padding: 0;
   margin: 0;
   color: #2786C2 /* Body Link Font Color */;
   background: none;
}
ul.DataList li ul li.Title strong a:hover {
text-decoration:underline;
}

ul.DataList li ul li.Meta {
   font-family: "lucida grande", tahoma, arial, sans-serif ;
padding:0 0 2px 10px;
   font-size: 10px;
   color: #80828c /* Meta Label Font Color */;
}
ul.DataList li ul li.Meta span,
ul.DataList li ul li.Meta span a,
ul.DataList li ul li.Meta strong {
   margin-right: 12px;
}
ul.DataList li ul li.Meta strong {
   background: #ff0;
   padding: 2px 4px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
}
ul.DataList li ul li.Meta a {
   color: #2b2d33 /* Meta Font Color */;
}
body.Discussions h1 {
   margin: 0;
padding:0 0 5px 10px;
}
li.DiscussionRow ul.Discussion {
   /* Fixes an IE7 Spacing issue */
   display: inline !important;
}
ul.Announcements {
   padding: 0 0 20px;
}
/* Note: The Vanilla Discussion List has the following classes applied to
  individual list elements and can be styled:
  + Bookmarked: the user has bookmarked that topic
  + Announcement: the discussion has been announced
  + Mine: the user created the discussion
  + New: there are new comments since the last viewed the discussion
*/
.Mine { background: #fefff5 !important /* Discussion My Background Color */; }
ul.DataList li.DiscussionRow { background:#fff; /* Discussion New Background Color */; }
ul.DataList li.New { background:#ecf9fe; /* Discussion New Background Color */; }
ul.DataList li ul li.Meta a.Category {
   background: #75baf0;
   padding: 1px 3px;
text-shadow:0 -1px 0 #59aef0;
color:#fff;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
font-size:9px;
}
ul.DataList li.Mine ul li.Meta a.Category {
   background: #75baf0;
}
ul.DataList li.New ul li.Meta a.Category {
   background: #75baf0;
}

/* =============================================================== Categories */
.Categories {
   list-style: none;
   margin: 0;
   padding: 0;
}
body.Categories h1,
body.Categories #Content h2 {
   margin: 0;
}
h1 span {
   color: #555 /* Body Text Font Color */;
   padding: 0 4px;
   font-size: 70%;
}
body.Categories h1 a {
   color: #000;
}
/* Note: This "More" style is custom to the categories page. It appears like
  the MorePager listed above, but it is just a link to a different page. */
.More {
   list-style: none;
   margin: 1px 0 20px;
   padding: 3px 6px;
   text-align: right;
   background: #e9f9ff;
   }
.More a {
   font-size: 13px;
   font-weight: bold;
   text-align: right;
}
.More a:hover {
   color: #2786c2 !important;
   text-decoration: underline;
}


/* ================================================================= Comments */
body.Discussion #Content {
   margin-bottom: 20px;
}
body.Discussion #Content h2, h1.spaceRight {
	font-size:18px;
	font-style:italic;
	font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: 300;
	letter-spacing:0.5pt;
   margin: 0;
   padding: 6px 0 6px 8px;
   line-height: 1;
}
body.Discussion #Content h2 span {
   padding: 0 10px;
   color: #777;
   font-size: 12px;
}
.Preview,
.Preview li,
.Preview ul,
.Preview ul li,
#Discussion,
#Discussion li,
#Discussion ul,
#Discussion ul li {
   list-style: none;
   margin: 0;
   padding: 0;
}
#Discussion {
   margin-bottom: 1px;
}
#Discussion .Comment {
   border-bottom: 1px solid #ddd;
}
/* Note: Fixes IE 7 Glitch */
*:first-child+html #Discussion .Comment {
   overflow: hidden;
}
.Preview li ul.Info,
#Discussion li ul.Info {
   font-size: 11px;
   color: #777 /* Meta Label Font Color */;
   padding: 0px 0 0 8px;
}
.Preview li ul.Info {
   padding: 0;
}
.Preview li ul.Info li.Author img,
#Discussion li ul.Info li.Author img {
   height: 40px;
   width: 40px;
   border: 0;
   margin: 4px 10px 0 0;
   float: left;
padding:1px;
border:1px solid #ddd;
background:#fff;
}
.Preview li ul.Info li,
#Discussion li ul.Info li {
   display: inline;
   line-height: 2.5;
}
.Preview li ul.Info li.Created,
#Discussion li ul.Info li.Created,
#Discussion li ul.Info li.Permalink {
   padding-left: 10px;
}
.Preview li ul.Info li.Author a,
#Discussion li ul.Info li.Author a {
   font-size: 15px;
   font-weight: bold;
}
.Preview li .Body,
#Discussion li .Body {
   clear: both;
   padding: 1px 8px 2px;
   line-height: 170%;
   font-size: 110%;
   color: #454545 /* Body Text Font Color */;
}
.Body p {
   margin: 4px 6px 8px 0px;
font-size:15px;
line-height:22px;

}
.Body code,
.Body pre {
   display: block;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   background: #ff9;
   padding: 4px 8px;
   white-space: pre;
   font-family: monospace;
   overflow: auto;
}
.Body strong {
   font-weight: bold;
}
.Body em {
   font-style: oblique;
}
#Discussion fieldset,
#Discussion form {
   margin: 0;
   padding: 0;
}
div.Popup ul.Preview li.Comment {
   padding: 0;
}
div.Popup ul.Preview li.Comment div.Body {
   min-height: 53px;
}
/* Note: CommentOption is presented to the user in place of the add comment form
   when they don't have a valid session. */
.CommentOption {
font-size:14px;
   padding: 10px 6px;
   background: #e9f9ff;
   color: #555 /* Body Text Font Color */;
}
/* Note: Back appears the same as MorePager... */
.Back {
   margin: 0;
   padding: 3px 6px;
   text-align: right;
   background: #e9f9ff /* Panel Background Color */;
   margin-top: 1px;
   margin-bottom: 6px;
   }
.Back a {
   color: #2786C2 /* Panel Font Color */;
   font-size: 12px;
   font-weight: normal;
   text-align: right;
}
.Back a:hover {
   color: #2786c2 /* Panel Font Color */ !important;
   text-decoration: underline;
}
.Back {
   text-align: left;
   -moz-border-radius-bottomright: 2px;
   -moz-border-radius-bottomleft: 2px;
   -webkit-border-bottom-right-radius: 2px;
   -webkit-border-bottom-left-radius: 2px;
}
/*
  Note: Discussion & Comment Option (dropdown) Menu customizations. The layout
  css for these is in /applications/garden/design/menu.css. Override them here.
*/
a.Bookmark,
a.Bookmarking {
   float: right;
   display: block;
   background: url('star_light.png') center center no-repeat;
   height: 22px;
   width: 22px;
   margin: 2px 2px 0 4px;
}
a.Bookmark span,
a.Bookmarking span {
   display: none;
}
a.Bookmarked {
   background: url('star_yellow.png') center center no-repeat;
}
a.Bookmarking {
   background: url('star_blue.png') center center no-repeat;
}
ul.Discussion li.Options {
   float: right;
	height: 22px;
	width: 120px;
}
ul.Options li.Parent strong {
   display: block;
   padding: 4px;
   margin: 3px 4px 0 0;
   font-family: Tahoma, 'Trebuchet MS', Arial, Verdana;
   font-size: 10px;
   font-weight: normal;
   background: url('button_bg2.png') repeat-x center left #f8f8f8;
   border: 1px solid #bbb;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   color: #555;
   cursor: pointer;
   line-height: 100%;
}
ul.Options li.Parent strong:hover {
   color: #333;
   border: 1px solid #888;
}
ul.Options li.Active strong:hover,
ul.Options li.Active strong {
   color: #fff;
   background: #9c9c9c !important;
   border: 1px solid #9c9c9c;
   -moz-border-radius-bottomleft: 0;
   -moz-border-radius-bottomright: 0;
   -webkit-border-bottom-left-radius: 0;
   -webkit-border-bottom-right-radius: 0;
}
ul.Options li {
   float: right;
}
ul.Options li.Active {
   background: none;
}
ul.Options li.Active ul {
   border: 1px solid #9c9c9c;
   background: #fafafa;
   -moz-border-radius-bottomleft: 2px;
   -moz-border-radius-bottomright: 2px;
   -webkit-border-bottom-left-radius: 2px;
   -webkit-border-bottom-right-radius: 2px;
}
ul.Options li.Active ul li a {
   background: none;
}
ul.Options li.Active a {
   background: #efefef;
   color: #595959;
}
ul.Options li.Active a:hover {
   background: #8d8d8d;
   color: #fff;
}


/* =================================================================== Drafts */
body.Drafts h1 {
}
ul.Drafts li ul {
   display: inline;
}
ul.Drafts li ul li.Title {
   float: none;
   width: auto;
}
ul.Drafts li ul li.Title strong {
   float: left;
padding:3px 6px;
}
ul.Drafts li ul li.Title a.DraftCommentLink {
   clear: left;
   display: block;
}
ul.Drafts li ul li.Title a.DeleteDraft {
   float: right;
   width: auto;
   padding: 4px;
   margin: 3px 1px 0 0;
   font-family: Tahoma, 'Trebuchet MS', Arial, Verdana;
   font-size: 10px;
   font-weight: normal;
   background: url('button_bg2.png') repeat-x center left #f8f8f8;
   border: 1px solid #bbb;
   -moz-border-radius: 2px;
   -webkig-border-radius: 2px;
   color: #555 /* Body Text Font Color */;
   cursor: pointer;
   line-height: 100%;
}
ul.Drafts li ul li.Topic a.DeleteDraft:hover {
   color: #333;
   border: 1px solid #888;
}


/* =============================================== Discussion & Comment Forms */
#CommentForm {
   background: #e9f9ff /* Panel Background Color */;
   padding: 8px;
}
div.Popup #CommentForm {
   background: none;
   border: 0;
   padding: 0;
}
#CommentForm h3 {
   font-size: 115%;
   color: #2786C2 /* Panel Font Color */;
   font-weight: bold;
}
div.Popup #CommentForm h3 {
   color: #000;
}
#CommentForm textarea {
   width: 554px;
   padding:3px;
   height: 100px;
   min-height: 100px;
   margin: 0 0 6px;
}
div.Popup #CommentForm textarea {
   width: 470px;
   max-height: 500px;
}
#CommentForm input.Button,
#DiscussionForm input.Button {
   margin-right: 6px;
}
body.Post #Panel {
   display: none;
}
body.Post #Content {
   width: auto;
}
body.Post #CommentForm,
#DiscussionForm {
   border: 0;
   background: #eee /* Panel Background Color */;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   padding: 8px 10px 10px;
width:840px;
}
#CommentForm label.Heading,
#DiscussionForm label.Heading {
   font-size: 18px;
font-weight:bold;
text-shadow:0px 2px 0px #fff;
letter-spacing:0.3pt;
   color: #2786c2 /* Panel Font Color */;
   line-height: 100%;
   display: block;
   margin: 4px 0 10px 0;
font-family: tahoma, helvetica, arial, sans-serif;
}
body.Post #CommentForm textarea,
#DiscussionForm textarea {
   width: 830px;
   height: 100px;
   min-height: 100px;
   max-height: 400px;
   margin: 0 0 6px;
padding:3px;
}
#DiscussionForm input.InputBox {
   width: 830px;
   margin-bottom: 10px;
}
#DiscussionForm div.Category {
   padding: 0 0 10px;   
}
#DiscussionForm div.Category label {
   padding: 0 5px 0 0;
font-size:16px;
}
#DiscussionForm div.Category select {
	font-size:14px;
	padding:0;
	margin-left:0;
	height:26px;
}
ul.Replies textarea {
	width:500px !important;
}

a.Cancel {
   margin-left: 20px;
font-size:12px;
}
a.Cancel:hover {
	text-decoration:underline;
}

#DiscussionForm ul {
   margin: 0 0 8px;
}
#DiscussionForm ul.PostOptions li {
   display: inline;
   padding: 0 8px 0 0;
}
#DiscussionForm ul.PostOptions label {
   display: inline;
   font-weight: normal;
   font-size: 95%;
   color: #555 /* Body Text Font Color */;
}


/* =================================================================== Footer */
#Foot {
   text-align: center;
   margin: 2px 0;
   font-family: 'lucida grande','helvetica neue',helvetica,arial,sans-serif;
   padding: 4px 9px;
   font-size: 13px;
   color: #ddd;
   line-height: 1;
}
#Foot a {
   color: #ccc;
}
#Foot a:hover {
   color: #aaa;
}
#Foot {
   padding-top: 20px;
   clear: both;
}