/*.clock {
	font-family: helvetica, arial, sans-serif;
        font-weight: bold;
        color: #DfD0D9;
	background-color: transparent;
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 2px;
   border: none;
        width: 17px;
}
.clocktext  {
	font-family: helvetica, arial, sans-serif;
        font-size: 13px;
        font-weight: bold;
        color: #DfD0D9;
}  */


#sidebar {
        font-size: 80%;
}
#sidebar h2 {
        margin: 0.5em 0 0.2em 0;
        border-top: 1px solid #404040;
        padding-top: 0.3em;
}
#sidebar h2.first {
        border-top: none;
        padding-top: 0.3em;
}
#sidebar .coldark {
        margin: 10px 5px 5px 0;
}
#sidebar .coldark h2 {
        border: none;
        margin-top: 0;
}
#sidebar p {
        position: relative;
        margin: 0;
        padding: 0 0 0 0;
}

#sidebar dl {
        margin: 0.5em 0;
        padding: 0 0 0 0;
        width: 99%;
        float: left;
}
#sidebar dt {
        float: left;
        clear: both;
        margin: 0;
        padding: 0 0 0 0.3em;
        width: 50px;
}
#sidebar dd {
        margin: 0 5px 2px 55px;
}
#sidebar ul {
        list-style-type: none;
        margin: 0 0 0 0;
        padding: 0 0 0 0.3em;
}
#sidebar ul li {
   margin: 2px 0;
   padding: 0;
}
#sidebar ul li a {
        padding-left: 15px;
        background: url(./default/arr2.gif) no-repeat 0 2px;
}
#sidebar ul li a:hover {
        background: url(./default/arr3.gif) no-repeat 0 2px;
}


.clear {
   clear: both;
}


fieldset {
   width: 99%;
}

fieldset p.butterr {
        margin: 0.5em 0.5em 0.5em 0;
        background: #101010 url(./default/stop3.gif) no-repeat 0 40%;
        padding: 3px 3px 3px 2em;
        border: 1px solid red;
}
fieldset div.radioerr {
        margin: 0.2em 0.5em 0.2em 0;
        background: #101010 url(./default/stop3.gif) no-repeat 0 0%;
        padding: 3px 3px 3px 2em;
        border: 1px solid red;
}

fieldset p.butterr label {
        text-decoration: blink;
        width: 10.9em;
}
fieldset p label.checkbox
{
        width: 15.9em;
}



fieldset p span.labelextra {
        padding-left: 0.5em;
        font-size: 80%;
}
fieldset p span.labelextra input {
        width: auto;
}
fieldset p label.checkbox
{
        width: 18em;
}
fieldset p label.full, fieldset p label.fullhigh
{
        margin-top: 0.5em;
        width: 99%;
        float: none;
}

fieldset p input
{
        width: 15em;
}
fieldset p input.full
{
        width: 98%;
}
fieldset p input.double
{
        width: 30em;
}
fieldset p input.half
{
        width: 8em;
}
fieldset p input.mini
{
        width: 4em;
}
fieldset p input.radio, fieldset p input.check {
        width: 1em;
}
fieldset p select {
        margin-left: 0px;
}
fieldset p input {
        text-indent : 2px;
}
fieldset p.buttons input {
        width: 6em;
        border-bottom: #808080 2px solid;
        border-right: #505050 2px solid;
        border-top: #505050 1px solid;
        border-left: #808080 1px solid;
}
fieldset p textarea, fieldset p object {
        width: 25em;
        height: 5em;
        font: 100%/1.3 arial, hevetica, sans-serif;
}
fieldset p textarea.full, fieldset p object.full {
        width: 98%;
        height: 20em;
}
fieldset p textarea.double {
        width: 31em;
        height: 4em;
}
fieldset p textarea.fullhigh {
        width: 98%;
        height: 50em;
}
fieldset p textarea.fulllow {
        width: 98%;
        height: 3em;
}
fieldset p textarea.half {
        width: 13em;
        height: 3em;
}
fieldset p textarea.fullmed {
        width: 98%;
        height: 7em;
}


fieldset p.radiooptions {
        margin: 0 0.5em 0 0;
}
fieldset fieldset.radiooptions
{
        border: none;
        display: inline;
        float: none;
        padding: 0 0 0.6em 0;
        width: auto;
}

fieldset div.radiolabelextra {
        display: inline;
        font-size: 80%;
        padding-left: 1em;
}

fieldset fieldset.radiooptions p {
        margin: 0;
}

fieldset fieldset.radiooptions label {
        display: inline;
        float: none;
        clear: none;
        padding: 0 1em 0 0;
}

ul.catlist  {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
* html ul.catlist {
  display: inline-block;
  height: 1px;
}

.catlist li {
  width: 200px;
  padding: 0;
  margin: 5px 5px 5px 0;
  display: block;
  float: left;
  border: 1px solid #404040;
  background: #101010;
}

.catlist p {
  margin: 0;
  padding: 0;
  font-weight: bold;
}
.catlist .catdrop {
        padding: 2px;
}
.catlist img {
  border: none;
}
.catlist a {
  color: #CCCCFF;
  text-decoration: none;
}
.catlist a:link, .catlist a:visited {
  color: #CCCCFF;
  text-decoration: none;
}
.catlist a:hover, .catlist a:active {
  color: #ddd;
  text-decoration: none;
}

.catlist p img.small {
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
}
.catlist p.description {
  clear: both;
  padding: 0 5px 5px 5px;
  font-weight: normal;
  height: 3em;
}
.catlist p.count {
  text-align: right;
  padding: 0 5px 5px 5px;
  font-weight: normal;
  font-size: 80%;
}
.catlist:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


table.DeletedStory {
        border: 1px solid red;
}


div.coverpage {
     width: 99%;
     padding: 0.5em 0;
}

div.pagenav {
        margin: 0 0.5em 0.5em 0;
        border-top: 1px solid #404040;
        border-bottom: 1px solid #404040;
        padding: 0.3em 0.2em;
}

div.coverpage:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.coverpage .pagenav {
        margin: 0 0.5em;
        float: left;
        display: inline;
        width: 40%;
}

.pagenav p {
        display: inline;
        margin: 0;
        padding: 0;
}
.pagenav ul {
        display: inline;
        margin: 0;
        padding: 0;
}

.pagenav li {
        display: inline;
        padding: 0 0 0 12px;
        border-bottom: 0;
        background: url(/forum/templates/default/images/PageBull.gif) no-repeat 0% 50%;
}

.pagenav li.first {
	background: none;
        background: url(/forum/templates/default/images/PageBullFirst.gif) no-repeat 0% 50%;
}



div.storyorder {
        font-size: 90%;
        float: right;
        text-align: right;
        padding-right: 10px;
        width: 39%;
        display: inline;
}
.storyorder form {
        display: inline;
        margin: 0;
        padding: 0;
}
.storyorder p {
        display: inline;
        padding: 0;
        margin: 0;
}
.storyorder fieldset {
        border: none;
        padding: 0;
        margin: 0;
}
.storyorder label {
        padding: 0;
        margin: 0;
}
.storyorder legend {
        display: none;
}
.storyorder label {
        float: none;
        padding: 0;
        margin: 0;
        clear: none;
        width: auto;
        margin-right: 0.4em;
        margin-top: 0.4em;
}
.storyorder fieldset p {
   display: inline;
   width: auto;
           padding: 0;
        margin: 0;

}
.storyorder fieldset p input {
        margin: 0;
        padding: 0;
        width: auto;
}
.storyorder fieldset p.buttons {
        width: auto;
}

.storyorder fieldset p input.button {
        margin-left: 0;
}
.coverpage .AddButton {
        float: left;
        display: inline;
        margin: 0;
}

.faq dt {
        font-weight: bold;
        padding-bottom: 0.3em;
}
.faq dd {
        padding-bottom: 0.7em;

}
code {
        display: block;
        margin: 0.5em 2em 0.5em 2em;
        padding: 4px;
        border:1px solid #404040;
        background-color: #101010;
}

.StoryBlock {
   margin: 1em 0;
   padding: 5px 5px 5px 5px;
}
.StoryBlock h2 {
   margin: 0.4em 0 0.4em 0;
   text-decoration: none;
}
.StoryBlock p {
   margin: 0 0 1.5em 0;
}
.StoryBlock p.small {
   margin: 1em 0 1em 0;
}

#SOTD {
   background: url(sotd.jpg) no-repeat 10px 50%;
   padding-left: 150px;
   padding-top: 20px;
}


#ShoutBox {
   margin: 1em 0;
   background: #000 url(announce.jpg) no-repeat 0 5px;
   padding: 5px 5px 5px 78px;
   border: 1px solid #404040;
}
#ShoutBox h2 {
   margin: 1.3em 0 0.4em 0;
   text-decoration: none;
}
#ShoutBox p {
   margin: 0 0 0.2em 0;
}
#ShoutBox p.shouter {
   margin-top: 0.5em;
   font-size: 85%;
}
#ShoutBox p.more {
   margin: 1em 0 1em 0;
}


.shout {
        margin: 1em 0px;
}

.shoutnew {
        margin: 1em 0px;
        padding: 0.5em;
        border: 1px solid #404040;
        background-color: #101010;
}
.shout p, .shoutnew p {
        margin: 0;
}
.shout p.theshout, .shoutnew p.theshout {
        padding: 4px 20px;
}
.shout span.author, .shoutnew span.author {
        font-weight: bold;
}
.shout .admin, .shoutnew .admin {
        margin-top: 0.5em;
        font-size: 80%;
}


ul.challenges {
        margin-left: 0;
        list-style: none;
}

ul.challenges li {
        border: 2px solid #404040;
        padding: 0.5em 0.5em 0 0.5em;
        margin: 1em 0;
        background-color: #101010;
}

ul.challenges li.inactive {
        border: 2px solid #101010;
}

ul.challenges li p.challdetails {
        background-color: #202020;
        padding: 0.5em 0.2em;
        margin-bottom: 0.2em;
}

ul.challenges li p.challdetails span.title {
        font-weight: bold;
}
ul.challenges li p.dates {
        margin: 0 0 0 1em;
        font-size: 90%;

}
ul.challenges li p.admin {

}
ul.challenges li p.desc {
        border: 1px solid #202020;
        margin: 1em;
        padding: 0.5em;
        background: #000;
}
ul.challenges li div.challee {
        font-size: 90%;
}
ul.challenges li div.challee p {
        margin: 0.3em 0;
}
ul.challenges li div.challee ul  {
        margin: 0 0 0 4em;
}
ul.challenges li div.challee ul li {
        border: none;
        margin: 0;
        padding: 0;
}

.PreviewForm {
        background: #000;
        border: #404040 2px solid;
        margin-top: 1em;
        padding: 0.4em;
}
.PreviewForm h2 {
        margin-top: 0.2em;
}

.QuizPreview {
        background: #000;
        border: #404040 1px solid;
        padding: 0.4em;
}
.QuizPreview ol {
        margin-bottom: 0.5em;
}

.QuizPreview ol ol {
        list-style-type: upper-alpha;
}

.QuizPreview ol ol li {
        padding-left: 23px
}

.QuizPreview ol ol li.correct{
        font-weight: bold;
        background: url(./default/tick.gif) no-repeat;
}
.QuizPreview ol ol li.wrong{
        font-weight: bold;
        background: url(./default/cross.gif) no-repeat;
}
.QuizPreview ol ol li.real{
        background: url(./default/tick.gif) no-repeat;
}

#userdetails dt {
        float: left;
        margin: 0 0 0 0.1em;
        width: 10em;
}
#userdetails dd {
        margin: 0 0 0.7em 11em;
}
#userdetails p.links {
        margin: 0;
}

.deleted {
        border: 1px solid red;
}

#ReviewSlide, #RateSlide {
        margin: 0;
        padding: 0;
        position: absolute;
        width: 350px;
        right: 30px;
        z-index: 99;
        background: #000;
        clip: rect(auto auto auto 380px);
        font-size: 110%;
}
#ReviewSlide fieldset, #RateSlide fieldset {
   width: auto;
}

#RateSlide {
        width: 200px;
        clip: rect(auto auto auto 220px);
}
#ReviewSlide textarea {
        width: 320px;
        height: 100px;
}
#ReviewSlide input.button, #RateSlide input.button {
        width: auto;
        font-size: 94%;
}
#ReviewSlide p, #RateSlide p {
        margin-top: 0.5em;
}
#RateSlide fieldset.radiooptions p {
        margin-top: 0;
}

#ChapterNavSurround {
        float: left;
        width: 99%;
}
#ChapterNav {
        border:1px solid #404040;
        background-color: #101010;
        padding: 4px;
        margin: 1em;
        display: block;
}
#ChapterNav h2 {
        font-size: 110%;
        margin-top: 0;
}
#ChapterNav p {
        margin: 0.2em 0;
}

#ChapterNav p.chapnav {
        display: inline;
        padding: 0;
}

#ChapterNav ul {
        display: inline;
        margin: 0;
        padding: 0;
}
#ChapterNav li {
        display: inline;
        padding: 0 0 0 12px;
	border-bottom: 0;
        background: url(/forum/templates/default/images/PageBull.gif) no-repeat 0% 50%;
}
#ChapterNav li.first {
	background: none;
        background: url(/forum/templates/default/images/PageBullFirst.gif) no-repeat 0% 50%;
}
#ChapterNav dl {
        font-size: 80%;
        margin: 0.5em 0 0.5em 2em;
}
#ChapterNav dt
{
        float: left;
        clear: left;
        margin: 0;
}
#ChapterNav dd {
        margin: 0 0 0.2em 10em;
}

#CurrChap {
        width: 48%;
        padding: 0 5px;
        float: left;
}

#CompChap {
        width: 48%;
        padding: 0 5px;
        float: right;
}

.formerror {
        border: 1px #f00 solid;
        padding: 0 5px 0 57px;
        background: #101010 url(./default/stop1.gif) no-repeat 0 50%;
        font-weight: bold;
        margin: 0 2em 1em 2em;
        padding: 0.5em 0 0.5em 60px;
}
.formerror p {
        margin: 0.3em 0 0 0;
}
.formerror ul {
        margin: 0 0 0.3em 1em;
        list-style-type: none;
}
.formerror li {
        padding: 0 0 0 20px;
        background: url(./default/arr3.gif) no-repeat 0 50%;
}

fieldset span.compulsory
{
        font-size: 100%;
        margin: 0 0 0 0.5em;
}

.info {
        background: #000 url(./default/info.gif) no-repeat 0 50%;
        padding: .2em 0.2em .5em 25px;
        border: 1px solid #3D9ADF;
        line-height: 1.2;
        margin: 0.4em 0 0 0;
}

.error {
        background: #ffd6c6 url(./default/error.gif) no-repeat 0 50%;
        padding: .2em 0.2em .5em 25px;
        border: 1px solid red;
        line-height: 1.2;
        margin: 0.4em 0 0 0;
        color: #000;
        font-weight: bold;
}
.error a:link, .error a:visited {
        color: #000;
}
.error a:hover, .error a:active {
        color: #000;
}

 p.QuizQuest {
        font-weight: bold;
        font-size: 105%;
}
#helpme {
        font-weight: bold;
        margin: 0.1em;
        padding: 0 0.2em;
}
.ReviewReplyAuth {
        font-style: italic;
        padding-top: 1em;
        padding-left: 1em;
        font-size: 80%;
        background: #000;
}
.ReviewReplyBody {
        font-style: italic;
        padding-top: 0.5em;
        padding-left: 1em;
        background: #000;
        padding-bottom: 0.5em;
}
.ReviewReplyPost {
        font-style: italic;
        padding-left: 1em;
        font-size: 80%;
        background: #000;
        padding-bottom: 1em;
}

#sotd h2 {
   margin-top: 0;
   margin-bottom: 0.4em
}
#sotd p.mainline {
   margin-bottom: 0;
}
#sotd p.small {
   margin-top: 0.4em;
   font-size: 80%;
}
p.more {
   margin: 0.4em 0 0 0;
   padding-left: 12px;
   background: url(/forum/templates/default/images/BreadBull.gif) no-repeat 0% 50%;
}

#Challenges {
   background: url(challenge.jpg) no-repeat 10px 50%;
   padding-left: 115px;
   padding-top: 0px;
}


#Challenges h2 {
   margin-bottom: 0.4em
}
#Challenges p.challname {
   margin: 0;
}
p.challprops {
   margin: 0.4em 0 0 1em;
   font-size: 80%;
}

table#ChapTable {
   font-size: 100%;
}
#sidebar ol {
   padding-left: 2.5em;
   margin-left: 0;
}
#QuizSummary {
   background: url('quiz_icon.gif') no-repeat 10px 50%;
   margin: 0.5em 0;
   padding: 0.5em 0 1em 115px;
}
#QuizSummary h2 {
   margin-top: 0;
   margin-bottom: 0.4em
}
#QuizSummary p.challname {
   margin: 0;
}
#QuizSummary p {
   font-size: 85%;
}
#sidebar dl.WideList {
        margin: 1em 0 1em 0em;
}
#sidebar dl.WideList dt {
        float: left;
        clear: left;
        margin: 0;
        width: 20em;
}
#sidebar dl.WideList dd {
        margin: 0 0 0 20.5em;
}

dl.quizsummary {
        margin: 0.5em 0 0.5em 1em;
}
dl.quizsummary dt {
        float: left;
        clear: left;
        margin: 0;
        width: 9em;
}
dl.quizsummary dd {
        margin: 0 0 0 9.5em;
}

.nounderline {
   text-decoration: none;
}