/* Modified vannila css. Unfinished */


@import url("../../../wp-content/themes/applemad/style.css");


input, textarea, select {
 font-size: 12px;
 color: #000;
}

form {
 display: inline;
}

.ErrorContainer {
 border: 1px solid #FFC2CA;
 background: #FFEDEF;
 padding: 8px;
}

.ErrorTitle {
 font-size: 12px;
 font-weight: bold;
 color: #CC0000;
 border-bottom: 2px dotted #FFC2CA;
 margin-bottom: 4px;
}

.Error {
 font-size: 12px;
 color: #CC0000; 
}

.AutoCompleteContainer {
 border: 1px solid #000;
}

.ListOptionOn, .ListOptionOn:link, .ListOptionOn:visited, .ListOptionOn:hover {
 font-size: 12px;
 background: #0A246A;
 color: #fff;
 text-decoration: none;
 display: block;
 width: 100%;
}

.ListOptionOff, .ListOptionOff:link, .ListOptionOff:visited, .ListOptionOff:hover {
 font-size: 12px;
 background: #fff;
 color: #000;
 text-decoration: none;
 display: block;
 width: 100%;
}

#LoadStatus {
 z-index: 2;
 position: fixed;
 top: 0px;
 left: 0px;
 border-right: 1px solid #C7D3EA;
 border-bottom: 1px solid #C7D3EA;
 background: #fff;
 padding-top: 4px;
 padding-bottom: 4px;
 padding-left: 8px;
 padding-right: 8px;
 color: #062971;
 font-size: 11px;
}

.InlineSelect {
 font-size: 11px;
}

.Session {
 position: absolute;
 z-index:10;
 color: #3F4E15;
 right: 0;
 top: 13px;
 font-weight:bold;
 font-size:13px;
}

.Session a, .Session a:link, .Session a:visited {
 text-decoration: none;
 font-weight:bold;
}

.Session a:hover {
 color: #000;
 text-decoration: none;
}

.SiteContainer {
 clear:both;
 padding-bottom: 20px;
}

.Head {
 background: url("../../../wp-content/themes/applemad/images/header-bg2.png") repeat-x left top;
 height:130px;
 position:relative;
}

.Logo {
 position:absolute;
 top:40px;
 left:20px;
 width:250px;
 height:53px;
 text-align: center;
 font-weight: bold;
 color: #fff;
}

.Logo a,
.Logo a:link,
.Logo a:visited,
.Logo a:hover {
 color: #fff;
 text-decoration: none;
 display:block;
 width:250px;
 height:53px;
}

.Logo strong,
.Logo strong a,
.Logo strong a:link,
.Logo strong a:visited,
.Logo strong a:hover {
 font-weight: normal;
 color: #FFA500;
 text-decoration: none;
}

.Logo em {
 display:none;
}

#MenuForum {
 position:absolute;
 bottom:0em;
 right:4px;
 text-align: center;
 margin: 10px 7px -1px 11px;
 padding: 0;
 list-style: none;
}

#MenuForum li {
 float: left;
 margin: 0;
 padding: 0 10px 0 0;
 list-style: none;
}

#MenuForum a {
 float: left;
 padding: 7px 13px;
 text-decoration: none;
 border-bottom: none;
 font-weight:normal;
 font-size:13px;
}

#MenuForum a:hover {
 float: left;
 padding: 7px 13px;
 text-decoration: none;
 border-bottom: 0 dotted black;
 color: #223F00;
}

.TabOn, .TabOn:link, .TabOn:visited, .TabOn:hover,
.TabOff, .TabOff:link, .TabOff:visited, .TabOff:hover {
 position: relative;
 padding: 6px;
 padding-top: 2px;
 text-align: center;
 text-decoration: none;
}

.TabOn, .TabOn:link, .TabOn:visited, .TabOn:hover {
 padding-bottom: 2px;
 border: 1px solid #C7D3EA;
 border-bottom: 0;
 background: #fff;
 color: #000;
}

.TabOff, .TabOff:link, .TabOff:visited {
 padding-bottom: 1px;
 background: #324C15;
 color: #fff;
}

.TabOff:hover {
 background: #6AD400;
 padding-bottom: 1px;
 color: #324C15;
}

.Body {
 border: 0;
 background: #fff;
 float: left;
 width: 100%;
 padding-top: 20px;
 padding-bottom: 20px;
 text-align:left;
}

.Panel {
 margin-left: 18px;
 padding-right:18px;
 float: left;
 display: inline;
 border-right: 1px solid #ddd;
 width:17em;
}

.PanelTitle {
 padding: 0;
 margin: 0;
 text-indent: 4px;
 font-size: 11px;
 font-weight: bold;
 color: #000;	
}

.PanelButton {
 display: block;
 margin-bottom: 10px;
}

.PanelButton, .PanelButton:link, .PanelButton:visited {
 font-size: 14px;
 font-weight: bold;
 color: #CC0000;
}

.PanelButton:hover {
 font-size: 14px;
 font-weight: bold;
 color: #FF0000;
}

.Panel h2 {
 margin:0;
 padding:5px 0;
 border-bottom: 1px solid #ddd;
 font-size: 14px;
 font-weight: bold;
 color: #000;	
}

.Panel p {
padding: 0px;
margin: 0px;
padding-left: 4px;
padding-bottom: 12px;
}

.PanelInformation {
 background: #f7f7f7;
 border-top: 1px solid #C7D3EA;
 border-bottom: 1px solid #C7D3EA;
 margin-bottom: 20px;
}

.PanelInformation p {
 margin: 0px;
 padding: 4px;
}

.CategoryJumper {
 margin-top: 4px;
 margin-bottom: 8px;
 margin-left: 2px;
}

.CategoryJumper select {
 font-size: 12px;
}

.TextModeOFF {
 border-top: 1px solid #EBC8C6;
 border-bottom: 1px solid #ebc8c6;
 color: #741703;
 background: #FEE8EF;
}
.TextModeON a, .TextModeON a:link, .TextModeON a:visited,
.TextModeOFF a, .TextModeOFF a:link, .TextModeOFF a:visited {
 padding-left: 0;
 padding-right: 0;
 display: inline;
 text-decoration: underline;
 background: none;
}
.TextModeON a:hover,
.TextModeOFF a:hover {
 padding-left: 0;
 padding-right: 0;
 display: inline;
 text-decoration: none;
 background: none;
}
.TextModeOFF a, .TextModeOFF a:link, .TextModeOFF a:visited, .TextModeOff a:hover {
 color: #741703;
}
.TextModeON,
.TextModeOFF {
 margin-top: 20px;
 text-align: center;
 padding-top: 5px;
 padding-bottom: 5px;
}

.LinkedList {
 margin-left: 0;
 padding-left: 0;
 margin-bottom: 10px;
 list-style: none;
}

.LinkedList li {
 padding-top: 2px;
 padding-bottom: 2px;
 color: #999;
}

.LinkedList li small {
 color: #999;
 padding-left: 5px;
 padding-right: 5px;
}

.LinkedList strong {
 font-weight: normal;
 color: #c00;
}

.LinkedListFootNote {
 text-align: right;
 font-size: 11px;
}

.PanelLink {
 display: block;
 padding-left: 4px;
 padding-right: 4px;
}

.PanelLink, .PanelLink:link, .PanelLink:visited {
 text-decoration: none;
 font-size: 12px;
}
.PanelLink:hover {
 background: #929F11;
 color:#fff;
}
.SavedSearchContainer .PanelLink {
 display: inline;
}

.Appendix {
 margin: 0;
 padding: 0;
}

.Appendix li {
text-indent: 6px;
font-size: 11px;
border-bottom: 1px solid #ddd;
}

.PageBody {
 border-left: 0 solid #ddd;
 margin-left: 20.8em;
 padding-right: 18px;
 padding-left: 1.8em;
}

.Title a, .Title a:link, .Title a:visited {
text-decoration: none;
}

.Title a:hover {
 text-decoration: none;
 color: #000;
}

.DataItem {
 padding: 0;
 margin: 0;
}

.DataItem,
.DataItem a,
.DataItem a:link,
.DataItem a:visited,
.DataItem a:hover {
 font-weight: bold;
 font-size: 14px;
}

.DataItemLabel {
 display: none;
}

.MetaItemLabel,
.MetaItem {
 font-size: 11px;
 display: inline;
 margin: 0;
}

.MetaItemLabel {
color: #aaa;
padding-right: 2px;
}

.MetaItem {
 color: #777;
 padding-right: 7px;
}

.MetaItem a, .MetaItem a:link, .MetaItem a:visited {
 color: #777;
t ext-decoration: none;
}

.MetaItemLabel a, .MetaItemLabel a:link, .MetaItemLabel a:visited {
 color: #aaa;
 text-decoration: none;
}
	
.NewCommentsPresent a, .NewCommentsPresent a:link, .NewCommentsPresent a:visited,
.MetaItemLabel a:hover {
 color: #c00;
}

.ExtendedMetaItemLabel {
 display: none;
}

.ExtendedMetaItem {
padding: 0;
margin: 0;
}

.Discussion {
 margin: 0;
 border-bottom: 1px solid #ddd;
 padding:5px 13px 13px 13px;
}

.DiscussionTopic {
 padding: 8px 0;
}

.Bookmarked .DataItem {
 background: url('ico.bookmark.2.gif') top right no-repeat;
}

.NewComments { background: #ffd; }
.NoNewComments { background: #FFFEEC; }

.Category {
 margin: 0;
 border-bottom: 1px solid #ddd;
 padding: 8px;
 padding-top: 6px;
}

.CategoryDescription {
 display: block;
 padding: 4px 0;
 font-size:12px;
}

.UnblockedCategory { background: #f7f7f7; }

.Comment {
 padding: 8px;
 padding-bottom: 2px;
 border-bottom: 1px solid #DEDEDF;
}

.Comment code {
 border-left: 6px solid #FFFFAA;
 background: #FFFFEE;
 padding: 8px;
 padding-left: 16px;
 display: block;
}

.WhisperTo { background: #FEEBFA; }
.WhisperFrom { background: #FEFCEB; }
.CommentAuthor,
.CommentWhisper,
.CommentTime {
 color: #aaa;
 float: left;
}

.CommentTime em {
 font-style: normal;
 color: #ccc;
 padding-left: 4px;
}
.CommentAuthor {
margin-top: 5px;
font-size: 13px;
font-weight: bold;
margin-right: 8px;
}
.CommentAuthor a, .CommentAuthor a:link, .CommentAuthor a:visited, .CommentAuthor a:hover {
text-decoration: none;
}
.CommentWhisper,
.CommentTime {
margin-top: 7px;
font-size: 11px;
}
.CommentWhisper {
margin-right: 4px;
}
.CommentNotice {
margin-top: 24px;
}
.CommentBody {
font-size: 12px;
padding: 8px;
padding-top: 0px;
margin-top: 24px;
color: #333;
}
.CommentHidden {
margin-bottom: 4px;
}
.Highlight {
background: #ff9;
}
.CommentOptions,
.WhisperBack {
margin-top: 0px;
text-align: right;
font-size: 10px;
}
.WhisperBack a, .WhisperBack a:link, .WhisperBack a:visited,
.CommentOptions div a, .CommentOptions div a:link, .CommentOptions div a:visited {
color: #bbb;
text-decoration: none;
}
.CommentOptions {
height: 15px;
}
.WhisperBack a:hover,
.CommentOptions div a:hover {
color: #3354AA;
text-decoration: underline;
}
.CommentIp,
.CommentEdit,
.CommentHide,
.CommentBlockUser,
.CommentBlockComment {
display: inline;
font-size: 10px;
color: #ddd;
}
.CommentIp {
padding-right: 4px;
border-right: 1px solid #eee;
margin-right: 4px;
}
.CommentHide,
.CommentBlockUser,
.CommentBlockComment {
margin-left: 4px;
border-left: 1px solid #eee;
padding-left: 4px;
}
.CommentAuthorWithIcon {
position: relative;
padding-left: 40px;
}

.CommentIcon {
position: absolute;
top: 50%;
margin: -16px 0 0 -40px;
display: block;
height: 32px;
width: 32px;
background: #fff center center no-repeat;
}		

.PageNav,
.PageJump,
.PageDetails,
.Title {
margin-top: 2px;
padding-bottom: 0px;
font-weight: bold;
font-size: 14px;
border-bottom: 1px solid #ddd;
/*overflow: hidden;*/
color: #000;
}
.PageList {
margin: 0px;
padding: 3px;
font-weight: bold;
font-size: 14px;
border-bottom: 0 solid #ddd;
/*overflow: hidden;*/
color: #000;
list-style: none;
}
.PageList li {
display: inline;
}
.PageList a, .PageList a:link, .PageList a:visited, .PageList a:hover {
font-weight: bold;
font-size: 14px;
text-decoration: none;
}
.SettingsTitle {
border-bottom: 0px;
}
.PageDetails {
color: #ddd;
}
.PageDetails strong {
font-weight: bold;
color: #d0d0d0;
}
.PageDetailsBottom {
clear: left;
}
.PageNav {
display: block;
width: 160px

}
.PageJump {

}
.AllDiscussions,
.Bottom {

}
.PageJump,
.PageList {
background: none;
color: #999;
float: right;
z-index: 10;
}
.PageNav .PageNav:link, .PageNav:visited,
.PageJump, .PageJump:link, .PageJump:visited {
text-decoration: none;
color: #ddd;
border: 0 solid red;
}
.PageNav:hover,
.PageJump:hover {
text-decoration: none;
color: #9AC230;
}


/* Basic Search Results Definitions */
.Search .Title {
display: block;
border-top: 0 solid #C7D3EA;
border-bottom: 0px;
background: #F2F3FF;
text-indent: 4px;
}
.SearchErrors,
.SearchComment {
margin-top: 30px;
}
.Search .PageDetails {
background: #f9faff;
color: #ddd;
text-indent: 4px;
}
.Search .PageList {
background: #f9faff;
}
.Search .PageList,
.Search .PageJump {
padding-right: 4px;
}

/* SearchLabelForm: The tiny form above search results that allows
you to save the search. */
.SearchLabelForm {
position: relative;
top: 25px;
z-index: 10;
height: 22px;
padding-top: 2px;
padding-right: 3px;
text-align: right;
}
.SearchLabelInput,
.SearchLabelButton {
font-size: 10px;

}
.SearchLabelInput {
border-top: 1px solid #666;
border-left: 1px solid #666;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
width: 100px;
text-indent: 2px;
}
.SearchLabelButton {
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-bottom: 1px solid #666;
border-right: 1px solid #666;
cursor: pointer;
width: 76px;
}


/* User Search Results */
.UserAlternate { background: #f6f6f6; }
.User, .UserAlternate {
padding-left: 8px;
padding-right: 8px;
padding-top: 5px;
padding-bottom: 8px;
border-bottom: 1px solid #ddd;
margin: 0px;
}
.SearchUser {
line-height: 28px;
font-size: 11px;
color: #999;
margin-bottom: 5px;
margin-left: 0px;
font-weight: normal;
}
.SearchUserWithIcon {
position: relative;
padding-left: 40px;
padding-bottom: 4px;
}
.SearchIcon {
position: absolute;
margin: 0 0 0 -40px;
display: block;
height: 32px;
width: 32px;
background: #fff center center no-repeat;
}


/* Comment Search Results */
.SearchComment {
margin: 0px;
padding: 0px;
padding-bottom: 6px;
border-bottom: 1px solid #DEDEDF;
}
.SearchCommentTopic {
padding-left: 8px;
}
.SearchCommentBody a, .SearchCommentBody a:link, .SearchCommentBody a:visited, .SearchCommentBody a:hover {
display: block;
text-decoration: none;
color: #000;
padding: 8px;
padding-top: 4px;
padding-bottom: 4px;
margin-top: 4px;
margin-bottom: 4px;
}
.SearchCommentBody a:hover {
background: #ffc;
}
.SearchCommentInformationLabel {
padding-left: 8px;
}

/* [Administrative] Settings Page Layout */

/* SettingsBody: Really only used on the "instruction" page when you
first click the settings tab. */
.SettingsBody h1 {
font-size: 14px;
margin: 0px;
padding: 0px;
margin-bottom: 6px;
}
.SettingsBody {
color: #999;
padding: 4px;
margin-top: 10px;
}
.SettingsBody p {
padding-left: 10px;
padding-right: 10px;
margin-top: 0px;
margin-bottom: 10px;
}


/* Account Page Layout */
.AccountPanel {
border-right: 1px solid #ddd;
display: inline;
}
.Account {
padding-right: 19px;
float: left;
border-right: 1px solid #ddd;
}
.Account h1 {
color: #000;
font-size: 14px;
padding: 0px;
margin: 0px;
}
.AccountWithIcon {
position: relative;
left: 40px;
}
.AccountIcon {
position: absolute;
margin: -7px 0 0 -40px;
display: block;
height: 32px;
width: 32px;
background: #fff center center no-repeat;
}
.Account small {
display: block;
text-align: right;
position: relative;
margin-top: -17px;

color: #ddd;
padding-left: 10px;
}
.AccountBody {
margin-top: 8px;
clear: left;
width: 281px;
/*overflow: hidden;*/
}
/* AccountBody blockquote & CommentNotice: If a role has an alert
associated with it, it will be encompassed by these classes on
the account page and the comment list. */
.AccountBody blockquote,
.CommentNotice {
border: 1px solid #FFC2CA;
background: #FFEDEF;
padding: 8px;

color: #CC0000; 
}
.AccountBody blockquote {
margin: 0px;
margin-top: 10px;
margin-bottom: 4px;
}
/* .Account .Picture: A bug cropped up where the dl's below the
account picture would partially slide up the page if the picture
didn't load for some reason. This fixed height repairs that bug. */
.Account .Picture {
height: 218px;
}
.Account .Picture img {
margin-top: 8px;
margin-bottom: 10px;
height: 200px;
width: 280px;
}
.AccountBody dl {
margin-top: 0px;
}
.AccountBody dt {

font-weight: bold;
width: 120px;
/*overflow: hidden;*/
}
.AccountBody dd {
margin-left: 0px;
padding-left: 0px;
padding-bottom: 5px;
}

/* .Discovery & .IpHistory are only visible to user-adminning roles,
but should be styled almost exactly like the Role History. */
.Discovery,
.IpHistory,
.RoleHistory {
border-left: 1px solid #ddd;
margin-left: 300px;
padding: 0 5px;
}
.RoleAlternate,
.Role {
border-top: 1px solid #DEDEDF;
padding: 0 5px;
}
.Discovery h1,
.IpHistory h1, 
.RoleHistory h1 {
border-bottom: 1px solid #ddd;
font-size: 14px;
font-weight: bold;
color: #000;
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 4px;
}
.Discovery,
.IpHistory {
padding-top: 20px;
}
.Discovery blockquote,
.IpHistory blockquote,
.RoleHistory blockquote {
margin: 0px;
padding: 6px;
border-bottom: 0px solid #ddd;
}
.RoleHistory blockquote {
color: #999;
}			
.RoleDetails {
font-size: 11px;
color: #999;
}
.RoleDetails blockquote {
padding: 0px;
margin: 0px;
margin-top: 2px;
font-style: italic;
background: #f9f9f9;
color: #999;
}
.Discovery h2,
.RoleHistory h2,
.IpHistory h2 {
font-size: 11px;
color: #666;
font-weight: bold;
display: inline;
}
.Discovery small,
.RoleHistory small,
.IpHistory small {
font-size: 11px;
color: #999;
}
.Discovery h3,
.RoleHistory h3,
.IpHistory h3 {
font-size: 11px;
color: #999;
font-weight: normal;
margin: 10px;
margin-top: 2px;
}
.Discovery p,
.RoleHistory p,
.IpHistory p {
padding: 0px;
padding-left: 6px;
padding-right: 6px;
margin: 10px;
margin-bottom: 5px;
background: #f9f9f9;
font-style: italic;
}

/* Generic styling for Forms */
.Form,
.ExtensionsForm {
background: #FEF9E9;
border: 1px solid #FFEDAE;
padding: 8px;
padding-bottom: 0px;
width: 400px;
}
.Form dl {
margin: 0px;
margin-top: 4px;
margin-bottom: 2px;
padding-left: 6px;
}
.Form .InputLabel,
.Form dt,
.Form dd {
color: #A99861;
}
.Form .InputLabel,
.Form dt {
margin-left: 0px;
font-weight: bold;
position: absolute;
width: 160px;
/*overflow: hidden;*/
}
.Form dd {
margin-left: 0px;
padding-left: 170px;
}
.Form h2 {
margin: 0px;
margin-bottom: 10px;
font-size: 14px;
font-weight: bold;
color: #84733D;
background: #FFFDF2;
padding: 3px;
}
.InputNote {
padding: 6px;
margin-bottom: 10px;
color: #A99861;
background: #FFFDF2;
text-align: left;
}
.InputBlock {
margin-bottom: 12px;
}
.InputBlock .Radio,
.InputBlock .CheckBox {
padding-left: 4px;
color: #84733D;
}
.InputNote .CheckBox,
.InputNote .Radio {
padding-top: 4px;
color: #84733D;
}
.CheckBox {
text-align: left;
line-height: 200%;

}
.Button {
cursor: pointer;
font-weight: bold;
font-size: 12px;
color: #996600;
border: 1px solid #FFEDAE;
background: #FEF2C9;
padding: 4px;
}
.SmallInput {
width: 138px;
}
.LargeTextbox {
width: 218px;
height: 100px;
}
.CancelButton, .CancelButton:link, .CancelButton:visited, .CancelButton:hover {
position: relative;
top: -10px;
margin-left: 40px;
text-decoration: underline;
}
.CancelButton, .CancelButton:link, .CancelButton:visited {
color: #FF6600;
}
.CancelButton:hover {
color: #000;
}		

/* .GlobalsForm: Elements specific to the "Settings > Application
Settings" form. */
.GlobalsForm dt {
margin-top: 5px;
width: 230px;
}
.GlobalsForm dd {
padding-top: 6px;
padding-left: 230px;
}

/* ExtensionsForm: Elements specific to the "Settings > Manage
Extensions" form. */
.ExtensionsForm dl {
margin: 0px;
margin-top: 4px;
margin-bottom: 2px;
}
.ExtensionsForm dt,
.ExtensionsForm dd {
margin-left: 0px;
color: #A99861;
}
.ExtensionsForm dt {
font-weight: bold;
position: absolute;
width: 90px;
/*overflow: hidden;*/
}
.ExtensionsForm dd {
padding-left: 100px;
}
.ExtensionsForm h2 {
font-size: 14px;
color: #000;
margin: 0px;
padding: 4px;
padding-top: 0px;
}
.ExtensionsForm .InputBlock {
background: #FFFDF2;
padding: 6px;
margin-bottom: 20px;
}
.DisableExtension,
.EnableExtension {
text-align: right;
margin: 10px;
margin-top: 15px;
margin-bottom: 5px;
}
.EnableExtension a, .EnableExtension a:link, .EnableExtension a:visited {
color: #FF6600;
}
.DisableExtension a, .DisableExtension a:link, .DisableExtension a:visited {
color: #aaa;
}
.EnableExtension a:hover,
.DisableExtension a:hover {
color: #000;
}


/* SearchForm: Elements specific to the Search page. */
.SearchForm {
margin: 10px;
}
.SearchInput {
color: #333;
width: 300px;
}
.SearchTypeLabel { margin-left: 12px; }
.SearchTypeLabel,
.SearchType {
margin-right: 16px;
float: left;
}
.SearchType {
margin-bottom: 10px;
margin-right: 10px;
text-transform: lowercase;
}
.SearchType a, .SearchType a:link, .SearchType a:visited, .SearchType a:hover {
text-decoration: none;
color: #000;
}
.SearchType input {
vertical-align: text-top;
}
.SearchButton {
cursor: pointer;
}
#AdvancedSearchButton {

margin-left: 10px;
}

/* SearchTitle: Appears above the different search types on the
advanced search form.*/
.SearchTitle {
font-weight: bold;
font-size: 14px;
padding: 4px;
padding-top: 10px;
}
.SearchLabels td {
padding-left: 4px;
padding-right: 4px;
padding-top: 6px;
background: #f3f3f3;
}
.SearchInputs td {
padding: 4px;
padding-top: 0px;
padding-bottom: 8px;
background: #f3f3f3;
}
.AdvancedUserInput {
width: 140px;
}
.AdvancedSearchInput {
width: 200px;
}
/* Autocomplete containers on the advanced search form. */
#SearchTopicsACContainer, #SearchCommentsACContainer {
position: absolute;
width: 140px;
}

/* Discussion & Comment forms */
.StartDiscussion .Title {
margin-bottom: 0px;
border-bottom: 0px;
}
.DiscussionForm {
padding-top: 10px;
}
.DiscussionForm,
.CommentForm {
margin-top: 0px;
background: #FEF9E9;
border-top: 1px solid #FFEDAE;
border-bottom: 1px solid #FFEDAE;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 0px;
color: #834300;
}
.DiscussionForm dl,
.CommentForm dl {
margin-bottom: 0px;
margin-top: 0px;
}
.DiscussionForm dt,
.CommentForm dt {
font-weight: bold;
}
.DiscussionForm dt small,
.CommentForm dt small {
font-weight: normal;
font-size: 10px;
color: #A6730D;
}
.DiscussionForm dd,
.CommentForm dd {
margin-left: 2px;
}
.AddCommentsTitle {
border-bottom: 0px;
}
.CommentForm .ErrorContainer,
.DiscussionForm .ErrorContainer {
margin-top: 5px;
margin-bottom: 10px;
width: 444px;
}
.CategorySelect {
width: 230px;
}
.CategoryInput,
.DiscussionInput {
margin-bottom: 6px;
}
.SubmitButton {
margin-bottom: 10px;
}
/* DiscussionBox: The discussion title input. */
.DiscussionBox {
width: 460px;
}

/* CommentBoxController: The switch between viewing the comment box
as a large or small input. */
#CommentBoxController {
border: 1px solid #FFEDAE;
border-bottom: 0px;
background: #fff;
padding-left: 4px;
padding-right: 4px;
padding-top: 2px;
padding-bottom: 3px;
font-weight: normal;
margin-left: 260px;
}
#CommentBoxController, #CommentBoxController:link, #CommentBoxController:visited {
color: #A99861;
text-decoration: none;
cursor: hand;
}
#CommentBoxController:hover {
color: #663300;
cursor: hand;
}
.SmallCommentBox,
.LargeCommentBox {
width: 460px;
font-size: 12px;
}
.SmallCommentBox {
height: 130px;
}
.LargeCommentBox {
height: 400px;
}

/* FormatType: A radio list of the various comment formatting options. */
.FormatType {
padding-top: 4px;
font-size: 11px;
font-weight: bold;
color: #996600;
}
.FormatTypeRadio {
font-weight: normal;
color: #996600;
display: inline;
padding-left: 16px;
}
.FormatTypeRadio input {
vertical-align: text-top;
}
.FormatTypeRadio a, .FormatTypeRadio a:link, .FormatTypeRadio a:visited, .FormatTypeRadio a:hover {
text-decoration: none;
color: #996600;
}

/* Whisper & Clipboard elements */
.WhisperBox,
.ClipboardSelect,
#WhisperACContainer {
width: 200px;
}
/* WhisperACContainer: The whisper autocomplete container. */
#WhisperACContainer {
z-index: 3;
position: absolute;
}
.CommentInputLabel,
.WhisperInputLabel {
margin-top: 10px;
}
.ClipboardInput {
margin-bottom: -12px;
}
.CommentButtons,
.DiscussionButtons {
margin-top: 10px;
margin-bottom: 6px;
}

/* Settings & Account forms & buttons */

/* SettingsForm h1, AccountForm h1: Generic styles for headings on
the settings & account pages. */
.SettingsForm h1,
.AccountForm h1 {
margin: 0px;
padding-bottom: 3px;
font-weight: bold;
font-size: 14px;
/*overflow: hidden;*/
color: #000;
}
/* InputCustom & DefinitionHeading: The custom, user-defined
account properties. */
.Form .InputCustom dt,
.Form .InputCustom dd {
font-weight: normal;
}
.Form .InputCustom .DefinitionHeading {
font-weight: bold;
}

/* AppearanceForm: The form in "Settings > Forum Appearance". */
.AppearanceForm {
padding-bottom: 16px;
}

/* RoleAbilities .InputLabel: Fixes a glitch on the "Settings > Role
Management > Edit Role" form && the "Settings > Category Management
> Edit Category" form. */
#CategoryRoles .InputLabel,
#RoleAbilities .InputLabel {
position: relative;
padding-top: 4px;
padding-bottom: 4px;
}

.AccountPersonal .FormButtons {
margin-top: 30px;
}

/* StyleAuthorACContainer: Autocomplete definition for the style
extension. */
#StyleAuthorACContainer {
position: absolute;
width: 138px;
margin-top: 21px;
}

.FormLink {
margin: 10px;
}
.FormLink a, .FormLink a:link, .FormLink a:visited {
color: #FF6600;
text-decoration: underline;
}
.FormLink a:hover {
color: brown;
text-decoration: underline;
}

/* Style Preview Form */
.Preview {
background: #FFFDF2;
padding-bottom: 4px;
margin-bottom: 8px;
}
.PreviewTitle {
font-size: 14px;
font-weight: bold;
color: #84733D;
padding: 3px;
}
.PreviewImage, .PreviewImage:link, .PreviewImage:visited, .PreviewImage:hover {
display: block;
text-align: center;
margin: 6px;
}
.PreviewEmpty, .PreviewEmpty:link, .PreviewEmpty:visited, .PreviewEmpty:hover {
text-decoration: none;
display: block;
margin: 6px;
text-align: center;
line-height: 400%;
background: #FFFEF6;
}
.PreviewEmpty, .PreviewEmpty:link, .PreviewEmpty:visited {
color: #D4C080;
border: 1px solid #F7EED1;
}
.PreviewEmpty:hover {
color: #B49D55;
border: 1px solid #EDE2C0;
}

/* Footer */
.Links {
float: right;
}
.Copyright {
clear: left;
}
.Copyright,
.Links {
color: #C7D3EA;
line-height: 200%;
margin-bottom: 20px;
}
.Foot a, .Foot a:link, .Foot a:visited {
color: #C7D3EA;
text-decoration: none;
}
.Foot a:hover {
color: #062971;
text-decoration: none;
}

/* SortList: Styles for the "sortable list" on the category form */
.SortList,
.SortList ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.SortList a, .SortList a:link, .SortList a:visited {
text-decoration: none;
color: #84733D;
}
.SortList a:hover {
color: #000;
text-decoration: none;
}
.SortListItem {
border-bottom: 1px solid #FFEDAE;
padding-bottom: 3px;
margin-bottom: 3px;
}
.SortOption img,
.SortRemove img {
margin-bottom: -2px;
padding-bottom: 0px;
}
.SortItem {
margin: 0px;
padding: 0px;
display: inline;
}
.SortBottom {
margin-right: 10px;
}
.SortRemove {
position: absolute;
text-align: right;
margin-left: 370px;
}

/* Timer Extension */
.Timer {
position: absolute;
top: 22px;
left: 36px;
color: #C7D3EA;
}

/* END PAGE BODY */


/* BEGIN DEBUG OPTIONS */
.DebugBar {
clear: both;
display: block;
padding: 4px;
background: #ffffff;
border: 1px solid #C7D3EA;
text-align: left;
margin-bottom: 20px;
}
.Sql {
border-top: 2px dashed #efefef;
margin-top: 4px;
padding-top: 2px;
color: #CA0971;
}
/* END DEBUG OPTIONS */