/* =Header */
/* =Structure */

body{
font:normal 12px "Trebuchet MS", Arial, sans-serif;
margin:0px;
padding:0px;
text-align:center;
background:#fff;
}



.leftfloat {float:left;}
.rightfloat {float:right;}

#header{
background:#fff url(../imgs/banner.gif) no-repeat top left;
height:93px;
cursor:pointer;
}

#header h1 a {
height:180px;
width:760px;
display:block;
}

#container{
background-color:#fff;
width:760px;
margin:0px auto;
text-align:left;
padding:0;
position:relative;
}

#navcontainer{
position:absolute;
top:98px;
left:0px;
height:20;
padding: 2px 0px 5px 0px;
/*background-color:#00ff00;*/
background-color:#ccccff;
}

#navcontainer2{
position:absolute;
top:127px;
left:0px;
width:760px;
padding:0px;
background:transparent url(../imgs/MenuBody.gif) repeat-x;
}

#navyellow{
position:absolute;
top:118px;
left:0px;
height:2px;
width:760px;
background-color:Yellow ;
/*background-color:#00ff00;*/
color:#f7e763;
}



#textblock{
padding:0;
margin:0;
}

#content-column1{
padding:0px 0px 20px 20px;
float:left;
width:500px;
}

#content-column2{
padding:20px;
float:right;
width:180px;
}

#news #content-column1{
padding:0px 0px 20px 20px;
margin:0;
float:left;
width:432px;
display:inline;
}

#news #content-column2{
margin:0px 20px 20px 0px;
float:right;
width:226px;
background-color:#fff;
display:inline;
}

#resources-content{
padding:20px 20px 20px 20px;
float:left;
color:#666;
}

#subcontent-column1{
padding:0;
margin:0;
float:left;
width:240px;
}

#subcontent-column2{
padding:0;
padding-left:40px;
margin:0;
float:left;
width:440px;
}

#footer{
height:75px;
padding:5px 10px 0px 10px;
background-color:#6699CC;
}

.subcontent-black{
}

.subcontent-white{
background-color:#fff;
padding:15px 10px 15px 10px;
width:220px;
border-top:1px solid #F5F5F1;
}

.sidebox{
background:transparent url(../images/link-top.gif) no-repeat top left;
width:170px;
}

.sideboxtext{
padding:10px 10px 0px 10px;
}

.sideboxlink{
text-align:right;
background:transparent url(../images/link-bottom.gif) no-repeat bottom left;
padding:0px 25px 10px 8px;
}

/*
#anchornavarea{
background-color:#ebeae2;
padding: 10px;
margin-left: 0;
list-style: none;
}
*/

#anchornavarea{
padding: 10px;
margin-left: 0;
list-style: none;
}

#calendardisplay ul#anchornavarea {
padding:0 20px 40px 20px;
border:none;
}

#bannertext
{
	left: 62px;
	top: 270px;
	width: 400px;
	height: 74px;
	font-size: 2em;
	color: black;
	position: absolute;
	font-weight: bolder;
	text-align: left;
}

#splash{
	background-color:#DEDDCF;
	height:233px;	
	padding-top:15px;
	padding-left:15px;
	margin-right: 15px;
	margin-left: 15px;

}

#splash img 
{
    	border: 15px solid #deddcf;
display:block;
}

#latestresources{
padding:40px 0px 0px 0px;
float:left;
width:240px;
}

.latestresources-word, .latestresources-pdf{
background:transparent url(../images/latestresources-word.gif) no-repeat;
padding:0;
margin:0;
float:left;
width:45px;
height:45px;
}
	
.latestresources-pdf{
background:transparent url(../images/latestresources-pdf.gif) no-repeat;
}

.latestresources-text{
margin:0 0 18px 0;

}

.latestresources-text p {
padding:9px;
border-bottom:1px solid #ccc;
}

.latestresources-text p a {
text-decoration:none;
color:#666;
}

.latestevents{
float:left;
padding-top:40px;
background:transparent url(../images/homepage-top.gif) no-repeat top left;
width:440px;
}

.latestevents-text{
background:transparent url(../images/homepage-bottom.gif) no-repeat bottom left;
padding:18px 12px 20px 18px;
}

#contactlogo{
background-color:#fff;
padding:60px 10px 0px 10px;
border-top:1px solid #f5f5f1;
text-align:center;
}

#contactdetails{
float:left;
width:200px;
padding:20px 20px 20px 0px;
background-color:#fff;
}

#contactenquiry{
float:right;
width:200px;
padding:20px 20px 20px 0px;
background-color:#fff;
}

#membershipform{
float:left ;
left:900px;
padding-left:40px;
width:500px;
background-color:#fff;
}

#sitemap-col1{float:left;}

#sitemap-col2{float:right;}

#eventscolumn1, #helpcolumn1{
padding-left:20px;
float:left;
width:250px;
}

#eventscolumn2, #helpcolumn2{
padding-right:20px;
float:right;
width:450px;
}

#logininformation{
padding:0px;
width:400px;
}

#logindetails{
float:left;
padding:30px;
width:150px;
height:170px;
background-color:#fff;
}

#loginhelp{
float:left;
padding:30px;
width:150px;
height:170px;
background-color:#fff;
}

#eventsonthisday{
background-color:#fff;
padding:20px;
width:230px;
}

#eventsinformation{
float:right;
padding:0px 10px 20px 10px;
width:420px;
}

#forumbar, #resourcesbar{
position:absolute;
width:720px;
height:35px;
top:215px;
left:20px;
background-color:#ebeae2;
z-index:5;
}

#resources-key ul
{
    position:absolute;
top:270px;
left:22px;
}

#resources-main{
margin-top:20px;
float:left;
}

/* Rsources boxes */

#boxes
{
    left: 71px; top:180px;
}

#resourceButton1
{
    color:White;
    font-weight:bold;
    font-size:1.1em;
text-align:center;
width:72px;

}

#resourceButton2
{
        color:White;
    font-weight:bold;
    font-size:1.1em;
text-align:center;
width:72px;

}

#resourceButton3
{
        color:White;
    font-weight:bold;
    font-size:1.1em;
text-align:center;
width:72px;

}

#resourceButton4
{
        color:White;
    font-weight:bold;
    font-size:1.1em;
text-align:center;
width:72px;

}

#resourceButton5
{
        color:White;
    font-weight:bold;
    font-size:1.1em;
text-align:center;
width:72px;

}

#resourceButton6
{
        color:White;
    font-weight:bold;
    font-size:1.1em;
text-align:center;
width:72px;

}

#resourceButton7
{
        color:White;
    font-weight:bold;
    font-size:1.1em;
text-align:center;
width:72px;

}

#resourceButton8
{
        color:White;
    font-weight:bold;
    font-size:1.1em;
text-align:center;
width:72px;

}

#resourceButton9
{
        color:White;
    font-weight:bold;
    font-size:1.1em;
text-align:center;
width:72px;

}

#resourceButton10
{
        color:White;
    font-weight:bold;
    font-size:1.1em;
text-align:center;
width:72px;

}

/* end of Resource boxes */


/* =Lists */

#navlistmain a:link, #navlistmain a:visited, #navlistmain a:hover{
color:#036;
text-decoration:none;
}

#navlistmain li{
top:200px;
font-weight:normal;
line-height:15px;
width:150px;
border:solid 1px #ccccff;
list-style-type: none;
}


#navlistmain li a, a:link, a:visited{
color:#fff;
text-decoration:none;
}

#navlistmain li a:hover{
color:#999;
text-decoration:none;
}

ul#navlistmain {
margin:0;
padding:0;
}


#navlistactive a:link, #navlistactive a:visited, #navlistactive a:hover{
color:#036;
text-decoration:none;
}

ul#navlist {
margin:0;
padding:0;
}

#navlist li{
padding: 1px 1px 1px 7px;
display: inline;
}

#navlist li a, a:link, a:visited {
color:#000;
text-decoration:none;
}

#navlist li a:hover{
color:#036;
text-decoration:none;
}

#navlist2 li{
font-weight:bold;
padding: 0px 10px 0px 5px;
border-right: 1px solid #fff;
display: inline;
}


#navlist2 li a, a:link, a:visited{
color:#fff;
text-decoration:none;
}

#navlist2 li a:hover{
color:#999;
text-decoration:none;
}

#navcontainer2 ul{
margin:0;
padding:7px 0px 0px 10px;
height:27px;
background:url(../imgs/MenuCorner.gif) no-repeat top right;
line-height:10px;
}


#navlist2active a:link, #navlist2active a:visited, #navlist2active a:hover {
padding:15px 0px;
background: url(../images/nav2arrow.gif);
background-position: 50% 100%;
background-repeat: no-repeat;
color:#999;
text-decoration:none;
}


#navcontainer ul, ol{
padding:0px 0px 0px 8px;
width:752px;
margin-bottom:0em;
line-height:2;
}

.sitelist li{
padding:0px 0px 0px 10px;
display:block;
list-style: none;
}

.sitelist li a, a:link, a:visited{
color:#a2a2a0;
text-decoration:underline;
}

.sitelist li a:hover{
color:#666;
text-decoration:underline;
}

#resources-key ul 
{
    left: 21px; top: 280px;
padding:0;
margin:0;
}

#resources-key li{
padding:0px 0px 0px 10px;
display:inline;
list-style: none;
}

#resources-key li a{
padding:5px 0 5px 25px;
color:#666;
text-decoration:none;
}

#resources-key li a.activity{
background:transparent url(../images/resources-activity.gif) 0 50% no-repeat;
}

#resources-key li a.assessment{
background:transparent url(../images/resources-assessment.gif) 0 50% no-repeat;
}

#resources-key li a.planning{
background:transparent url(../images/resources-planning.gif) 0 50% no-repeat;
}

#resources-key li a.other{
background:transparent url(../images/resources-other.gif) 0 50% no-repeat;
}

#news #content-column2 ul {
margin:0;
padding:0;
}

#anchornavarea {
margin:0 0 20px 0 !important;
/*border-bottom:1px dashed #ccc;*/
padding: 0;
}

ul#anchornavarea li, .RecentErrorMessage {
	margin: 0 0 1.2em 0;
border-bottom:1px dashed #ccc;
}

#anchornavarea p.date {
/*font-size:10px;*/
line-height:25px;
background:transparent url(../images/icon_date.gif) 100% 0 no-repeat;
}

#anchornavarea a {
color:#4D4F64;
text-decoration:none;
line-height:18px;
}

#anchornavarea a:hover {
background-color:#DEDDCF;
color:#4D4F64;
text-decoration:none;
}

ul#archive {
list-style:none;
line-height:18px;
}

ul#archive li {
margin:0;
padding:0;
}

/* =Navigation */

a img{
border:none;
}

a.blue, a.blue:link, a.blue:visited{
color:#69c;
text-decoration:underline;
}

a.blue:hover{
color:#369;
text-decoration:underline;
}

a.grey, a.grey:link, a.grey:visited{
color:#999;
text-decoration:underline;
}

a.grey:hover{
color:#333;
text-decoration:underline;
}

a.bluebold{
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:12px;
font-weight:bold;
color:#69C !important;
text-decoration:underline;
}

a.bluebold:hover{
font-family: Trebuchet, Arial, sans-serif;
font-size:12px;
font-weight:bold;
color:#369 !important;
text-decoration:underline;
}


#splashlink a{
background:transparent url(../images/homepage_image.gif) no-repeat top left;
width:530px;
height:210px;
float:left;
margin:0;
padding:0;
}

#splashlink a span{display:none;}

#forumgeneral a, #forumgeneral-active a{
position:absolute;
top:190px;
left:20px;
padding:0px;
width:70px;
height:50px;
background:transparent url(../images/general_btn.gif) no-repeat bottom left;
z-index:0;
}

#forumnumeracy a, #forumnumeracy-active a{
position:absolute;
top:190px;
left:96px;
padding:0px;
width:80px;
height:50px;
background:transparent url(../images/numeracy_btn.gif) no-repeat bottom left;
z-index:0;
}

#forumliteracy a, #forumliteracy-active a{
position:absolute;
top:190px;
left:182px;
padding:0px;
width:72px;
height:50px;
background:transparent url(../images/literacy_btn.gif) no-repeat bottom left;
z-index:0;
}

#forumgeneral-active a, #forumnumeracy-active a, #forumliteracy-active a{z-index:10;}

#forumgeneral-active a span, #forumnumeracy-active a span, #forumliteracy-active a span{display:none;}
#forumgeneral a span, #forumnumeracy a span, #forumliteracy a span{display:none;}


/* =Text */

h1{
display:block;
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:16px;
font-weight:bold;
line-height:100%;
color:#333;
text-decoration:none;
text-align:left;
padding:0px 0px 0px 0px;
margin:0;
}

h1 span{
display:none;
}

h2, .calendardate{
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:14px;
font-style:normal;
font-weight:bold;
font-variant:normal;
line-height:100%;
color:#333;
text-decoration:none;
text-align:left;
padding:5px 0px 10px 0px;
margin:0;
}

.calendardate{color:#fff;}

h3{
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:12px;
font-style:normal;
font-weight:bold;
font-variant:normal;
line-height:100%;
color:#333;
text-decoration:none;
text-align:left;
padding:5px 0px 5px 0px;
margin:0;
}

h2 a, h3 a {
text-decoration:none !important;
color:#333 !important;
}

p{
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:12px;
font-style:normal;
font-weight:normal;
font-variant:normal;
line-height:130%;
color:#5e617a;
text-decoration:none;
text-align:left;
padding:0px 0px 5px 0px;
margin:0px;
}

p#white{
font-size:14px;
color:#fff;
}

.bold{
font-weight:bold;
}

.dark{
color:#333;
}

.linktitle{
color:#333;
font:normal 12px "Trebuchet MS", Arial, sans-serif;
font-weight:bold;
}

.greytext{
font:normal 12px "Trebuchet MS", Arial, sans-serif;
color:#999;
}


.text1 {
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

.text2 {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

.heading {
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333366;
}


/* =Tables */

.resources-table {
width:720px;
}

table.resources-table {
border-collapse:collapse;
}

.resources-table th a {
font:normal 12px/12px "Trebuchet MS", Arial, Verdana, sans-serif;
text-decoration:none !important;
color:#666 !important;
}

.resources-table th.resource {
width:420px;
padding:0 0 5px 40px;
}
  
.resources-table th.category, .resources-table th.relevance {
width:120px;
padding:0 0 5px 10px;
}

.resources-table td.BorderLeftNormal {
border-left:4px solid #cccc33;
}

.resources-table td.BorderLeftNumeracy {
border-left:4px solid #FF9933;
}

.resources-table td.BorderLeftLiteracy {
border-left:4px solid #669999;
}

.resources-table td.planning {
background:#fff url(../images/resources-planning.gif) 10px 12px no-repeat;
padding:10px 10px 10px 40px;
vertical-align:top;
}

.resources-table td.activity {
background:#fff url(../images/resources-activity.gif) 10px 12px no-repeat;
padding:10px 10px 10px 40px;
vertical-align:top;
}

.resources-table td.assessment {
background:#fff url(../images/resources-assessment.gif) 10px 12px no-repeat;
padding:10px 10px 10px 40px;
vertical-align:top;
}

.resources-table td.other {
background:#fff url(../images/resources-other.gif) 10px 12px no-repeat;
padding:10px 10px 10px 40px;
vertical-align:top;
}

.resources-table td.category, .resources-table td.relevance {
background-color:#ebeae2;
border-bottom:1px solid #fff;
padding:10px 10px 10px 10px;
vertical-align:top;
}

.resources-table td a {
color:#666 !important;
text-decoration:none !important;
}

.resources-table td a:hover {
text-decoration:underline !important;
}

#cpdtable{
vertical-align:top;
width:480px;
}

.cpdcol1{
background-color:#fff;
border-top:1px solid #f5f5f1;
width:300px;
}

.cpdcol2{
background-color:#ebeae2;
border-top:1px solid #f5f5f1;
width:20px;
}

.cpdcol3{
background-color:#ebeae2;
border-top:1px solid #f5f5f1;
width:80px;
}

.cpdcol4{
background-color:#ebeae2;
border-top:1px solid #f5f5f1;
width:80px;
}


/* =Search and =Forms */

#search{
position:absolute;
top:100px;
left:578px;
}

.searchwebsite {
position:absolute;
top:1px;
left:-100px;
}

#resources-search{
color:#666;
float:right;
}

#remember, #login{
margin:0;
padding:0;
}

fieldset{
border:none;
padding:0 0 4px 0;
margin:0;
}

#search form input.itm01, #resources-search form input.itm01{
width:108px;
font:normal 10px/13px Arial, sans-serif;
color:#666;
border-top:1px solid #666;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
border-left:1px solid #666;
}

#resources-search form input.itm01{
margin-left:6px;
}

#search form input.itm02, #resources-search form input.itm02{
margin:0 0 -6px 5px;
}


/* =Calendar */

.calendar div{
background-color:#ebeae2;
width:225px;
padding:20px 23px 20px 22px;
}

.calendar table{
padding:6px;
border-collapse:collapse;
}

.calendar th{
text-align:center;
margin:0; 
padding-top:5px;
background-color:#8aa6d1;
height:30px;
}

.calendar th img{
padding:0 7px;
}

.calendar td{
margin:0; padding:0;
width:31px;
height:30px;
background-color:#fff;
vertical-align:top;
color:#333;
font:normal 10px/10px Arial, sans-serif;
border:1px solid #ebeae2;
}

.calendar td span{
visibility:visible;
display:block;
margin:0; 
padding:2px 3px;
float:right;
}

.calendar td.xcurrent{
background-color:#fbfaf9;
}

.calendar td.event, .calendar td.event a:hover{
background:#fff url(../img/event_marker.gif) 50% 20px no-repeat;
}

.calendar td.current{
background-color:#69c;
color:#fff;
}

.calendar td a{
display:block;
width:31px;
height:30px;
text-decoration:none;
color:#333;
border:1px solid #69c;
}

table.content{
table-layout:inherit;
width:500px;
border-collapse:collapse;
}

.content td, .content th{
border-bottom:1px dashed #ccc;
vertical-align:middle;
padding:5px;
}

#calendardisplay {
float:left;
width:257px;
margin-left:16px;
background:transparent url(../images/calendar_foot.gif) 50% 100% no-repeat;
}

#calendardisplay h2.head {
background:transparent url(../images/calendar_head.gif) 0 0 no-repeat !important;
padding:40px 20px 0 20px;
margin:0;
}

.prevnext {
text-align:center;
clear:both;
display:block;
}

#resources .prevnext {
margin:0 20px;
}

.prevnext a {
display:block;
}

.prev {
float:left;
}

.next {
float:right;
}

.lsda {
float:right;
}

.icon {
padding:4px;
}

/* Vanilla */

.SignOut {
  text-align:center !important;
  padding:0; }

.SignOut h1 {
text-align:center;
text-transform:uppercase;
}
  
.SignOut ul {
list-style:none;
margin:20px 0 200px 0;
padding:0;
}

.SiteContainer {
padding:0 20px 20px 20px; 
}

.ApplicationTextbox {
width:300px;
height:100px;
}

/* .SignIn,
.PasswordRequest {} 
.SignIn .PageTitle,
.PasswordRequest .PageTitle{ width: 492px; }
.SignOut { padding:40px; }
.SignOut .PageTitle {}
.Apply { width: 580px; }
.Apply .PageTitle { width: 572px; }
.BugReportContainer,
.BugReport,
.PasswordReset { width: 550px; }
.BugReportContainer .PageTitle,
.PasswordReset .PageTitle { width: 542px; } */
.PageTitle {
  display:none;
}
/*
.FormContainer {
	width: 100%;
}
.About {
	width: 250px;
	float: left;
	margin-top: 12px;
	margin-bottom: 18px;
}
*/
.SiteContainer,
.Foot {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
/* .Apply .About { width: 300px; border: 0px; } */
.Form {
	margin-top: 12px;
	margin-bottom: 18px;
/*	margin-left: 250px; */
	margin-right: 18px;
	padding-left: 18px;
}

.DebugBar {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #ffffff;
	border-bottom: 1px solid #C7D3EA;
	text-align: left;
	width: 100%;
	clear: both;
	padding-top: 4px;
	padding-bottom: 4px;
	text-indent: 4px;
}
.Sql {
	border-top: 2px dashed #efefef;
	margin-top: 4px;
	padding-top: 2px;
	padding-left: 4px;
	padding-right: 4px;
	color: #CA0971;
} 

.ErrorContainer {
	margin: 16px;
	border: 1px solid #FFC2CA;
	background: #FFEDEF;
	padding: 8px;
}
.ErrorTitle {
	font-size: 16px;
	font-weight: bold;
	color: #CC0000;
	border-bottom: 2px dotted #FFC2CA;
	margin-bottom: 4px;
}
.Error {
	font-size: 12px;
	color: #CC0000; 
}

.SiteContainer {
}
.BugReportContainer {
	margin-top: 20px;
}
.SiteContainer,
.Foot {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
/*
* Copyright 2003 - 2005 Mark O'Sullivan
* This file is part of Vanilla.
* Vanilla is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version.
* Vanilla is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU General Public License for more details.
* You should have received a copy of the GNU General Public License along with Vanilla; if not, write to the Free Software Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
* The latest source code for Vanilla is available at www.lussumo.com
* Contact Mark O'Sullivan at mark [at] lussumo [dot] com
*
* Description: Default cascading stylesheet for Vanilla
*/

/* BEGIN GLOBAL DEFINITIONS (common to all pages) */
	body { 
		background: #FFF;
                text-align:center;
                margin:0;
                padding:0;
	}
        #page {
        width:760px;
        margin:0 auto;
        padding:0;
        text-align:left;
        position:relative;
        background-color:#f5f5f1;
        }



body, div, table, td {
		color: #062971;
	}
	input, textarea, select {
		font-family: arial, sans-serif, verdana;
		font-size: 12px;
		color: #000;
	}
	a, a:link, a:visited {
		color: #3354AA;
		text-decoration: underline;
	}
	a:hover {
		color: #4B6DB7;
		text-decoration: none;
	}
	ul {
		margin-bottom: 0px;
		margin-top: 0px;
	} 
	form {
		display: inline;
	}
	.ErrorContainer {
		border: 1px solid #FFC2CA;
		background: #FFEDEF;
		padding: 8px;
	}
	.ErrorTitle {
		font-size: 16px;
		font-weight: bold;
		color: #CC0000;
		border-bottom: 2px dotted #FFC2CA;
		margin-bottom: 4px;
	}
	.Error {
		font-size: 12px;
		color: #CC0000; 
	}
	
	/* Autocomplete results style */
		.AutoCompleteContainer {
			border: 1px solid #000;
		}
		/* ListOptionOn/ListOptionOff: Used on the autocomplete feature to highlight
		  when navigating through the faux-autocomplete results. */
		.ListOptionOn, .ListOptionOn:link, .ListOptionOn:visited, .ListOptionOn:hover {
			font-family: arial, sans-serif, verdana;
			font-size: 12px;
			background: #0A246A;
			color: #fff;
			text-decoration: none;
			display: block;
			width: 100%;
		}
		.ListOptionOff, .ListOptionOff:link, .ListOptionOff:visited, .ListOptionOff:hover {
			font-family: arial, sans-serif, verdana;
			font-size: 12px;
			background: #fff;
			color: #000;
			text-decoration: none;
			display: block;
			width: 100%;
		}
	
	
	/* NAMED ELEMENTS COMMON TO EVERY PAGE */
		/* LoadStatus: A tiny window that becomes visible when an AJAX action is performed */
		#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: A small-font style of select meant to go inline with
		  paragraph text. Currently used on the "settings > application
		  settings" form. */
		.InlineSelect {
			font-size: 10px;
		}
		
		/* Session: The message about who you are signed in as w/ option to sign out. */
		.Session {
			position: absolute;
			font-size: 11px;
			color: #999;
			right: 10px;
			top: 178px;
		}
		.Session a, .Session a:link, .Session a:visited {
			text-decoration: none;
			color: #900;
		}
		.Session a:hover {
			color: #f00;
			text-decoration: none;
		}
		
		/* SiteContainer: A div that encloses the entire application - allowing for borders and special padding. */
		.SiteContainer {
			padding-bottom: 20px;
		}
		
		/* Head: The banner/menu container. */
		.Head {
			/* background: url("waves.blue.2.gif") repeat-x left top #E5EAF6;
			border-top: 1px solid #C7D3EA;
			border-left: 1px solid #C7D3EA;
			border-right: 1px solid #C7D3EA;
			margin-left: 8px;
			margin-right: 8px; */
		}
		
		/* Logo: A container for the logo above the menu. */
		.Logo {
			text-align: center;
			font-size: 22px;
			font-weight: bold;
			padding-top: 8px;
			padding-bottom: 8px;
			color: #000;
		}
		.Logo a,
		.Logo a:link,
		.Logo a:visited,
		.Logo a:hover {
			color: #000;
			text-decoration: none;
		}
		.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;
		}
		
		/* MenuForum: The main menu, an unordered-list, contained within 
		  the Head class. */
		#MenuForum {
			list-style: none; 
			padding: 0px;
			margin: 0px;
			text-align: center;
		}
		#MenuForum li {
			display: inline;
			margin-right: 1px;
			margin-left: 1px;
		}
		
		/* TabOn/TabOff: The tabs in the main menu, which can appear different if
		  they are identified as the current tab (TabOn). */
		.TabOn, .TabOn:link, .TabOn:visited, .TabOn:hover,
		.TabOff, .TabOff:link, .TabOff:visited, .TabOff:hover {
			position: relative;
			padding: 10px;
			padding-top: 2px;
			font-size: 14px;
			text-align: center;
			text-decoration: none;
		}
		.TabOn, .TabOn:link, .TabOn:visited, .TabOn:hover {
			padding-bottom: 2px;
			border: 1px solid #8AA6D1;
			border-bottom: 0px;
			font-weight: bold;
			background: #f5f5f1;
			color: #000;
		}
		.TabOff, .TabOff:link, .TabOff:visited {
			padding-bottom: 1px;
			background: #8AA6D1;
			color: #fff;
		}
		.TabOff:hover {
			background: #A7C9FD;
			padding-bottom: 1px;
			color: #fff;
		}
		
		/* Body: The element containing everything below the Head (panel and
		  page content). */
		.Body {
			border-top: 1px solid #8AA6D1;
                        background: #F5F5F1;
			float: left;
			width: 100%;
			padding-top: 20px;
			padding-bottom: 20px;
		}
/* END GLOBAL DEFINITIONS */
  
  

/* BEGIN PANEL */
	.Panel {
		margin-left: 18px;
		padding-right:18px;
		float: left;
		display: inline;
		border-right: 1px solid #ddd;
	}
	/* PanelTitle: Only used for the "welcome, guest" text when
	  unauthenticated users are allowed to browse the forum. */
	.PanelTitle {
		width: 180px;
		padding: 0px;
		margin: 0px;
		text-indent: 4px;
		font-size: 11px;
		font-weight: bold;
		color: #000;	
	}
	/* PanelButton: The "Start a New Discussion" button. */
	.PanelButton {
		width: 180px;
		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 {
		width: 180px;
		padding-top: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		text-indent: 4px;
		border-bottom: 1px solid #ddd;
		font-size: 11px;
		font-weight: bold;
		color: #000;	
	}
	.Panel p {
		padding: 0px;
		margin: 0px;
		padding-left: 4px;
		padding-bottom: 12px;
	}
	.PanelInformation {
		background: #F5F9FF;
		border-top: 1px solid #C7D3EA;
		border-bottom: 1px solid #C7D3EA;
		margin-bottom: 20px;
		display: block;
		width: 180px;
	}
	.PanelInformation p {
		margin: 0px;
		padding: 4px;
	}

	/* SPECIAL PANEL ELEMENTS */
	  
		/* CategoryJumper: An extension that allows the categories to
	    be navigated by a select list in the panel. */
		.CategoryJumper {
			margin-top: 4px;
			margin-bottom: 8px;
			margin-left: 2px;
		}
		.CategoryJumper select {
			width: 170px;
			font-size: 11px;
		}
		
		/* TextMode: Text-Only mode switches */
		.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: 0px;
			padding-right: 0px;
			display: inline;
			text-decoration: underline;
			background: none;
		}
		.TextModeON a:hover,
		.TextModeOFF a:hover {
			padding-left: 0px;
			padding-right: 0px;
			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: Used for discussion lists & searches in the panel */
		.LinkedList {
			width: 180px;
			margin-left: 0px;
			padding-left: 0px;
			margin-bottom: 10px;
			list-style: none;
		}
		.LinkedList li {
			padding-top: 2px;
			padding-bottom: 2px;
			color: #999;
			font-size: 10px;
		}
		.LinkedList li small {
			color: #999;
			font-size: 10px;
			padding-left: 5px;
			padding-right: 5px;
		}
		.LinkedList strong {
			font-weight: normal;
			color: #c00;
		}
		.LinkedListFootNote {
			text-align: right;
			font-size: 11px;
		}
		
		/* PanelLink: A special class sometimes applied to LinkedList items
		  for special formatting. */
		.PanelLink {
			display: block;
			padding-left: 4px;
			padding-right: 4px;
		}
		.PanelLink, .PanelLink:link, .PanelLink:visited {
			text-decoration: none;
			font-size: 11px;
		}
		.PanelLink:hover {
			background: #ffc;
			font-size: 11px;
		}
		.SavedSearchContainer .PanelLink {
			display: inline;
		}
		
		/* Appendix: Used to display color co-ordination appendices on various pages */
		.Appendix {
			margin: 0px;
			padding: 0px;
			width: 180px;
		}
		.Appendix li {
			text-indent: 6px;
			font-size: 11px;
			border-bottom: 1px solid #ddd;
		}

/* END PANEL */
  
/* BEGIN PAGEBODY (All content within the body that is not in the panel) */

	.PageBody {
		/* border-left: 1px solid #ddd; */
		margin-left: 216px;
		padding-right: 18px;
		padding-left: 18px;
	}
	
	/* PAGEBODY ELEMENTS */

	/* Title: used to write the page title (heading on each page). */
	.Title a, .Title a:link, .Title a:visited {
		text-decoration: none;
	}
	.Title a:hover {
		text-decoration: none;
		color: #000;
	}
	
	/* DataItem & MetaItem: common classes used to identify themes
	  among the discussion list, category list, and search results. */
   .DataItem {
		padding: 0px;
		margin: 0px;
		overflow: hidden;
	}
	.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: 10px;
		display: inline;
		margin: 0px;
	}
	.MetaItemLabel {
		color: #aaa;
		padding-right: 2px;
	}
	.MetaItem {
		color: #777;
		padding-right: 7px;
	}
	.MetaItem a, .MetaItem a:link, .MetaItem a:visited {
		color: #777;
		text-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: 0px;
		margin: 0px;
	}

	/* Discussion: Container for a discussion on the discussion index page. */
	.Discussion {
		margin: 0px;
		border-bottom: 1px solid #ddd;
		padding-bottom: 8px;
		padding-left: 8px;
	}
	.DiscussionTopic {
		padding-top: 8px;
		padding-right: 8px;
	}
	.Bookmarked .DataItem {
		background: url('ico.bookmark.2.gif') top right no-repeat;
	}
	.NewComments { background: #fff; }
	.NoNewComments { background: #fff; }
	

	/* Category: Container for a category on the category page. */
	.Category {
		margin: 0px;
		border-bottom: 1px solid #ddd;
		padding: 8px;
		padding-top: 6px;
	}
	.CategoryDescription {
		display: block;
		padding: 4px;
	}
	.UnblockedCategory { background: #fff; }

  
	/* Comment: Container for a comment on the comment page. */
	.Comment {
		padding: 8px;
		padding-bottom: 2px;
		border-bottom: 1px solid #DEDEDF;
	}
	/* Some special formatting for comments */
		.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;
		}		


	/* Page Navigation (above and below discussions, categories, and searches. */
		.PageNav,
		.PageJump,
		.PageDetails,
		.Title {
			padding-top: 3px;
			padding-bottom: 3px;
			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: 1px solid #ddd;
			overflow: hidden;
			color: #000;
			list-style: none;
                        line-height:18px;
		}
		.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;
			border-bottom: 0px;
		}
		.PageJump {
			padding-left: 10px;
			border: 0px;
		}
		.AllDiscussions,
		.Bottom {
			border-bottom: 1px solid #ddd;
		}
		.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;
		}
		.PageNav:hover,
		.PageJump:hover {
			text-decoration: none;
			color: #3354AA;
		}
		

	/* Basic Search Results Definitions */
		.Search .Title {
			display: block;
			border-top: 1px 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;
			font-size: 11px;
			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;
				font-size: 12px;
				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 {
			position: absolute;
			font-weight: bold;
			width: 120px;
			overflow: hidden;
		}
		.AccountBody dd {
			margin-left: 0px;
			padding-left: 126px;
			padding-bottom: 2px;
		}
		
		/* .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-left: 18px;
			}
			.RoleAlternate,
			.Role {
				border-top: 1px solid #DEDEDF;
				padding: 8px;
			}
			.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: 1px solid #ddd;
			}
			.RoleHistory blockquote {
				color: #999;
			}			
			.RoleDetails {
				font-size: 11px;
				color: #999;
			}
			.RoleDetails blockquote {
				padding: 4px;
				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: 0px;
				margin-top: 2px;
			}
			.Discovery p,
			.RoleHistory p,
			.IpHistory p {
				padding: 0px;
				padding-left: 6px;
				padding-right: 6px;
				margin: 0px;
				margin-bottom: 5px;
				background: #f9f9f9;
				font-style: italic;
			}

	/* Generic styling for Forms */
		.Form,
		.ExtensionsForm {
			background: #fff;
			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: #000;
		}
		.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: #fff;
			background: #69c;
			padding: 4px 10px;
                        margin:4px 0;
                        border:0;
		}
		.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 {
			font-size: 10px;
			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: #E9E9E9;
			border-top: 1px solid #AEAEAE;
			border-bottom: 1px solid #AEAEAE;
			padding-left: 12px;
			padding-right: 12px;
			padding-bottom: 0px;
			color: #636363;
		}
		.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: #000;
		}
		.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 #AEAEAE;
				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: #616161;
				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: #A52A2A;
			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 */

.PagelistEmpty {
display:none;
}

.SignIn .Form, .Apply .Form {
padding:20px;
width:680px;
}

.SignIn .Form h1, .Apply .Form h1 {
margin:0 0 8px 0;
}

.SignIn .Form dd input, .Apply .Form dd input {
margin:4px 0;
}

.FormContainer h1 { margin-bottom: 0.6em; }
.FormError { color: #f00; }