@import url(base.css);

/*
----------------------------------------------------------------------------- 
BASIC TEXT
-----------------------------------------------------------------------------*/
body
{
	font-family: 'Trebuchet MS', 'Verdana', 'Tahoma', 'Arial', sans-serif;
	font-size: 12px;
	line-height: normal;
	margin: 0; 
	padding-bottom: 16px;
	color: #062971;
}

.pun
{
	font-size: 12px;
}

.pun table,
.pun td,
.pun th,
.pun input,
.pun select,
.pun optgroup,
.pun textarea
{
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	text-align: left;
	font-family: 'Trebuchet MS', 'Verdana', 'Tahoma', 'Arial', sans-serif;
}

.pun pre 
{
	font-family: monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace;
	color: #6B8DA6;
	padding-bottom: 0.8em;
}

.scrollbox
{
	height: auto !important;
}

.pun h2,
.pun h4
{
	font-size: 13px;
}

.pun h2
{
	color: #71d306;
	font-weight: bold;
	padding: 16px 0;
}

.pun h3
{
	font-size: 1.2em;
}

.postmsg p
{
	line-height: 150%;
	font-size: 13px;
}

.postleft dt
{
	font-size: 12px;
}

/*
----------------------------------------------------------------------------- 
BASIC LINK
-----------------------------------------------------------------------------*/
a:link,
a:visited
{
	color: #1440a2;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}

/*
----------------------------------------------------------------------------- 
BUTTON
-----------------------------------------------------------------------------*/
.pun .Button
{
   border: 0px;
   background: url('button_bg.gif') repeat-x top left;
   height: 27px;
   color: #fff;
   font-size: 13px;
   font-weight: bold;
   text-align: center;
   padding: 0px 8px;
   cursor: pointer;
}


/*
----------------------------------------------------------------------------- 
LEFT OVER PUNBB JUNK
-----------------------------------------------------------------------------*/
#viewprofile
{
	padding: 0 48px;
}

div.blockmenu
{
	padding-left: 48px;
}

.pun p,
.pun ul, 
.pun dl, 
.pun label, 
div.blockmenu li
{
	padding: 3px 0;
}

div.blockmenu li, 
div.rbox input
{
	line-height: 1.4em;
}

#viewprofile dt, 
#viewprofile dd
{
	padding: 0 3px;
	line-height: 2.0em;
}

.pun td p
{
	padding: 5px 0 0 0;
}

dd.usercontacts, 
dd.postavatar
{
	margin-top: 5px;
}

dd.postavatar
{
	margin-bottom: 5px;
}

div.postsignature,
div.postmsg p.postedit
{
	padding-top: 16px
}

/* 8.4 Spacing for code and quote boxes */

div.postmsg h4
{
	margin-bottom: 10px
}

/* 8.5 padding for the action links and online indicator in viewtopic */

div.postfootleft p,
div.postfootright ul,
div.postfootright div
{
	padding: 10px 6px 5px;
}

/* 8.6 This is the input on moderators multi-delete view */

div.blockpost input,
div.blockpost label
{
	padding: 3px;
	display: inline
}

p.multidelete
{
	padding-top: 15px;
	padding-bottom: 5px
}

div.postmsg p
{
	padding: 0;
}

div.postleft dt,
div.postmsg h4,
td.tcl h3,
div.forminfo h3,
.blockmenu li,
.warntext
{
	font-weight: bold;
}

li.postreport A:link, li.postreport A:visited, TR.iclosed td.tcl A:link, TR.iclosed td.tcl A:visited {color: #888}
li.postreport A:hover, TR.iclosed td.tcl A:hover {color: #AAA}
li.maintenancelink A:link, li.maintenancelink A:visited {color: #FF4000}
li.maintenancelink A:hover {color: #FF5010}

#viewprofile dt
{
	color: #666;
}

div.block2col div.blockform,
div.block2col div.block,
#viewprofile dd
{
    margin-left: 18.0em;
}

#posterror,
#msg
{
	margin: 0 48px 1.0em;
}


/*
----------------------------------------------------------------------------- 
HEADER
-----------------------------------------------------------------------------*/
#brdheader
{
	background: #fff url('vanilla_sky.jpg') repeat-x top left;
	border-top: 1px solid #acbedf;
	border-bottom: 1px solid #acbedf;
}
#brdtitle
{
	/*background: url('vanilla.gif') no-repeat center left;*/
	text-indent: 100px;
	padding: 40px 0px;
	margin-left: 40px;
}

#mt 
{
	display: block;
	position: absolute;
	right: 48px;
	bottom: -33px;
	z-index: 1000;
}

#announce
{
	display: block;
	position: absolute;
	right: 48px;
	top: 44px;
	z-index: 999;
	
	_text-align: right;
}

#announce h2
{
	display: none;
}

/*
----------------------------------------------------------------------------- 
NAVIGATION
-----------------------------------------------------------------------------*/
#brdmenu
{ 
	padding: 3px 48px;
	background: #3d64bb url('menu_bg.jpg') repeat-x top left;
	border-bottom: 1px solid #262626;
	text-shadow: 2px 2px 1px #485731;
}
#brdmenu a
{
	color: #fff;
}

#brdmenu ul
{
	position: relative;
	overflow: visible;
	padding-right: 172px;
}

#brdmenu li
{
	margin-right: 12px;
}

#navsearch 
{
	position: relative;
	padding-right: 51px;
	overflow: visible;
	z-index: 1001;
}

#navsearch a
{
	position: absolute;
	top: -18px;
	left: 0;
	display: block;
	width: 51px;
	height: 51px;
	text-indent: -3000px;
	background: url(/forum/img/forum-search.png) left top no-repeat;
	z-index: 1001;
	
	_background: none;
	_top: -16px;
	_cursor: hand;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/forum/img/forum-search.gif', sizingMethod='scale');
}

/*
----------------------------------------------------------------------------- 
USER/STATS
-----------------------------------------------------------------------------*/
#brdwelcome
{
	line-height: 1.4em;
	padding: 3px 48px;
}

#brdwelcome ul.conl li
{
	color: #666;
}

#brdwelcome ul.conl li:first-child
{
	color: #000;
}

#brdstats
{
	margin: 0 0 -20px;
	padding: 3px 48px;
}

/*
----------------------------------------------------------------------------- 
PAGINATION/BREADCRUMBS
-----------------------------------------------------------------------------*/
div.postlinksb,
div.linkst,
div.linksb
{
	padding: 4px 48px; 
	margin: 0;
}

div.linkst
{

}

div.linksb
{
	margin: 0 0 -20px;
}

.postlink a:link,
.postlink a:visited
{
	color: #71d306;
}

p.postlink,
div.linkst li,
div.linksb li,
div.postlinksb li
{
	font-weight: bold;
}


/*
----------------------------------------------------------------------------- 
FOOTER
-----------------------------------------------------------------------------*/
#brdfooter
{ 
	line-height: 1.4em;
	background: url('bluefade.jpg') repeat-x top left;
}

#brdfooter div.box 
{
	border-top: 1px solid #acbedf;
	padding: 12px 48px 3px 48px;
}

/*
----------------------------------------------------------------------------- 
LIST VIEWS
-----------------------------------------------------------------------------*/
div.icon
{
	display: none;
}

#idx1
{
	margin-top: 28px;
}

#idx1 h2,
.blocktable h2
{
	display: none;
}

.blocktable table,
.blocktable th,
.blocktable td
{
	background-color: transparent;
	border: none;
	text-align: left;
	padding-top: 4px;
	padding-bottom: 4px;
}

.blocktable th
{
	color: #71d306;
	font-weight: bold;
}

#postreview
{
	padding: 0;
}

#postreview .box
{
	padding: 4px 48px;
}

#postreview h2 span
{
	display: none;
}

.stickytext
{
	color: #000;
	font-size: 11px;
	font-weight: bold;
}

.blocktable tr.Sticky td
{

}

.blocktable tr.Sticky.alt td
{

}

.blocktable tr.Closed.Sticky td.tcl a:link,
.blocktable tr.Closed.Sticky td.tcl a:visited
{

}

.blocktable tr.NewComments td
{
	background-color: #fefecc;
}

.blocktable tr.NewComments.alt td
{
	background-color: #fefecc;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#postreview .box.rowodd,
.roweven,
.blocktable th,
.blocktable tr.alt td,
.blocktable tr .alt td
{
	background-color: #f8f9fe;
	border-top: 1px solid #e9ecff;
	border-bottom: 1px solid #e9ecff;
}

#postreview .roweven
{
	background-color: transparent;
	border: none;
}


tr.inew .stickytext
{

}

th.tcl,
td.tcl
{
	padding-left: 48px; 
}

th.tcr,
td.tcr
{
	white-space: nowrap;
	padding-right: 48px;
}

/*
----------------------------------------------------------------------------- 
POSTS
-----------------------------------------------------------------------------*/
.pun blockquote,
div.codebox
{
	background-color: #353533;
	border-right: 1px solid #262626;
	border-bottom: 1px solid #262626;
	margin: 0 0 15px;
	padding: 8px;
}

.pun div.blockmenu li.isactive a,
#posterror li strong
{
	color: #F6FF97;
	text-decoration: none;
	cursor: default;
}

div.blockpost h2
{
	position: relative;
	padding: 0;
}

div.blockpost h2 span
{
	position: absolute;
	top: 3px;
	left: 0;
	z-index: 1000;
	padding: 0 0 0 4px;
	line-height: 8px;
	border-left: 8px solid #71d306;
}

div.blockpost h2 span.conr
{
	display: none;
}

div.blockpost h2 span a:link,
div.blockpost h2 span a:visited
{
	color: #666;
}

div.postsignature
{
	color: #666;
}

.pun hr
{
	background-color: transparent;
	color: transparent;
}

#punpost .linkst ul
{
	margin: 0;
}

div.blockpost
{
	padding: 16px 48px;
}

div.blockpost div.postleft
{
	padding-top: 32px;
}

#postreview div.postleft
{
	padding: 0;
}

#postreview div.postleft strong
{
	color: #FFF;
}

div.postfootleft p,
div.postfootright ul
{
	padding: 24px 0 0;
}

div.postright
{
	color: #000;
}

div.postright,
div.postfootright
{
	border: none;
	margin-left: 18.0em;
}


.pun .postright a:link,
.pun .postright a:visited
{
	text-decoration: underline;
}
.pun .postright a:hover
{
	text-decoration: none;
}

/*
----------------------------------------------------------------------------- 
FORMS
-----------------------------------------------------------------------------*/
div.blockform form,
div.fakeform
{
	padding: 20px 20px 15px;
}

div.inform
{
	padding-bottom: 12px;
}

.pun fieldset
{
	padding: 0px 12px;
	background-color: #fffeec;
	border: 1px solid #fdfca9;
}

#punviewtopic fieldset
{

}

div.infldset
{
	padding: 9px 0px 12px;
}

.pun legend
{
	padding: 0px 6px;
	color: #486fc6;
	font-weight: bold;
	font-size: 14px;
}

div.forminfo
{
	margin-bottom: 12px;
}

.pun .blockform
{
	margin-bottom: 1.0em;
	padding-left: 48px; 
	padding-right: 48px;
}

div.blockform form,
div.fakeform
{
	padding: 0;
}

.pun textarea, .pun input, .pun select
{

}


#punviewtopic .blockform
{
	margin-bottom: -16px;
	position: relative;
}

#punviewtopic form,
#punpost form
{

}

div.txtarea
{
	width: auto;
}

p.reminder
{
	margin: 1.0em -12px 0;
	padding: 6px 14px;
	color: #FFF;
	background-color: #7F9E56;
	border-bottom: 1px solid #303030;
	text-shadow: 2px 2px 1px #485731;
}

div.rbox input,
div.blockform p input
{
	margin-right: 8px;
}

/*
----------------------------------------------------------------------------- 
VANILLA SPECIFIC
-----------------------------------------------------------------------------*/

textarea.SmallCommentBox
{
	height: 150px;
}
textarea.LargeCommentBox
{
	height: 400px;
}

.CommentIcon
{
	height: 32px;
	width: 32px;
	background: center center no-repeat;
}

.ProfileIcon
{
	height: 32px;
	width: 32px;
	background: center center no-repeat;
}

.Picture
{
	width: 280px;
	height: 200px;
	overflow: hidden;
	background: center center no-repeat;
}


#AboutVanilla 
{
	display: none;
}


#brdfooter .conr
{
	FLOAT: right;
	TEXT-ALIGN: right;
	CLEAR: right;
	WIDTH: 240px;
}

#brdfooter .conl,
{
	FLOAT: left;
	WIDTH: auto;
}

.PanelListItem
{
	float: left;
	display: inline;
}
.PanelListItem ul {
	margin-right: 30px;
	}

.PanelListItem h3
{
	color: #71d306;
	font-size: 1.0em;
}

/* 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: 0px;
}

.PreferenceProgress input 
{
	display: none;
}

.PreferenceComplete input 
{
	display: inline;
}

tr.BlockedCategory
{
	color: #A2CAFF;
	background-color: #1D385C;
}

#CategoryPage a 
{
	cursor: pointer;
}

#CommentFormats input
{
	margin: 0px 2px 0px 12px;
}
#Form.StartDiscussion #CommentFormats label,
#Form.AddComments #CommentFormats label
{
	font-weight: normal;
}

#SimpleSearchRadios input
{
	width: auto !important;
	margin: 0px 2px 0px 12px;
}

#SimpleSearchRadios label
{
	display: inline !important;
	font-weight: normal !important;
}

#SearchDiscussionFields, #SearchCommentFields, #SearchUserFields
{
	display: none;
}





/* Errors & Success */
.ErrorContainer 
{
	background: url(alert.gif) no-repeat top left #FFEDEF;
	border-top: 1px solid #FFC2CA;
	padding: 10px 10px 10px 27px !important;
	overflow: hidden;
}
.ErrorTitle 
{
	font-weight: bold;
	color: #c00 !important;
}
.Error 
{
	color: #c00 !important;
}
#Success 
{
	border-top: 1px solid #9C9;
	border-bottom: 1px solid #9C9;
	background: #E2F9E3;
	color: #060 !important;
	display: block;
	line-height: 200%;
	text-align: center;
	font-size: 13px;
	margin-bottom: 10px !important;
}
.Notice 
{
	background: url(notice.gif) left center no-repeat #FFFECC;
	border: 1px solid #FAEBB1;
	font-size:13px;
	padding: 8px 8px 8px 30px;
	margin-bottom: 20px;
	color: #D57D00;
	line-height: 150%;
}
	
/* Remove System Message Button */
.Notice span 
{
	float:right;
	display: block;
	font-size: 11px;
}
.Notice span a,
.Notice span a:link,
.Notice span a:visited,
.Notice span a:hover 
{
	color: #f60;
}
.Invisible 
{ 
	display: none; 
}

.Submit
{
	margin: 20px 0px !important;
}


/* Custom form for extensions management screen */

#Form.Extensions {
	position: relative;
	margin: 0px 0px 20px 0px !important;
	}
div.Extensions ul {
	border:1px solid #ddd;
	border-bottom:0px;
	margin: 10px 0px 20px 0px !important;
	}
div.Extensions ul {
	background-color:#fffeec;
	}
div.Extensions ul li { 
	border-bottom:1px solid #ddd;
	margin:0px !important;
	padding:10px !important;
	overflow: hidden;
	}
div.Extensions ul li.Enabled {
	background: #FEFECB;
	}
div.Extensions ul li.Disabled {
	background: url(disabled-tile.gif) #F4F4C2;
	}
div.Extensions ul li.Processing {
	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 ul li.Processing * {
	color: #B9AB7E !important;
	}
div.Extensions h3 {
	font-size:13px;
	color:#000 !important;
	}
div.Extensions h3 label {
	display: inline !important;
	padding-left: 30px !important;
	}
div.Extensions ul li input {
	width: auto !important;
	margin-top: 3px !important;
	left: 28px;
	position: absolute;
	}
div.Extensions h3 a {
	color:#1EB136 !important;
	text-decoration: none;
	}
div.Extensions h3 a:hover {
	text-decoration: underline;
	}
div.Extensions ul li span,
div.Extensions ul li span * {
	font-size: 12px;
	font-weight: normal;
	z-index: 1;
	}
div.Extensions ul li span {
	margin-left: 10px !important;
	}
div.Extensions .Version {
	font-weight: bold;
	margin-left: 5px !important;
	}
div.Extensions ul li p {
	padding-left:30px !important;
	color:#000 !important;
	font-weight:normal;
	}
div.Extensions ul li p a {
	color:#335eb7 !important;
	text-decoration: none;
	}
div.Extensions ul li p a:hover {
	color:#062971 !important;
	text-decoration: underline;
	}

/* Custom form for sortable list */

  
.SortList {
	background-color: #ffc;
	border: 1px solid #ddd;
	border-top: 0px;
	}
.MovableSortListItem {
	cursor: move;
	}
.SortListItem {
	border-top: 1px solid #ddd;
	padding: 6px !important;
	margin: 0px !important;
	position: relative;    /* set item to relative for IE6 */
	}
.SortListOptions {
	float: right !important;       /* float for modern browsers - no need to clear this float */
	float: none;                   /* no float for IE6 */
	position: relative !important; /* realtive positioning for modern browsers */
	position: absolute;            /* absolute positioning for IE6 */
	right: auto !important;         /* no right positioning for modern browsers */
	right: 20px;                   /* right positioning for IE6 */
	}
.SortEdit, .SortEdit:link, .SortEdit:active, .SortEdit:visited {
	color: #1eb136 !important;
	font-weight: normal !important;
	text-decoration: none !important;
	}
.SortEdit:hover {
	color: #393;
	text-decoration: underline;
	}
.SortRemove {
	background: url(btn.remove.gif) no-repeat center right;
	text-decoration: none;
	margin-left: 10px !important;
	padding-left: 15px !important;
	}
.SortNoRemove {
	text-decoration: none;
	margin-left: 10px !important;
	padding-left: 15px !important;
	}