/**********************************************/
/* Majestic - Content management for everyone */
/* Copyright (c) 2008 Injader                 */
/* More information at http://www.injader.com */
/**********************************************/

/* Default margins for standard pages */
.mPage {margin: 0px 5px 0px 5px; padding: 0px 5px 0px 5px;}

/* WYSIWYG editor */
#toolbar {clear: both; float: none; padding: 2px; }
#toolbar .imagebutton, #toolbar select {float: left; margin: 1px;}
#toolbar .imagebutton {background-color: #ccc; color: #000;}
#toolbar #tbrow1, #toolbar #tbrow2 {clear: both; float: none; margin-top: 0px;}
#toolbar select {background-color: #fff; color: #000;}
.imagebutton {height: 22px; width: 23px; border: 1px outset #fff;}
.image {padding: 1px 0 0 1px; height: 20px; width: 21px;}

/* Write form tabs */
#tabbar {clear: both; float: none; margin: 5px 0 0 0;}
#tabbar .tab {background-color: #fff; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 2px solid #999; color: #000; font-size: 70%; font-weight: bold; padding: 6px 4px 4px 4px; margin: 0 5px 0 0; float: left; text-align: center;}
#tabbar .tab a {text-decoration: none;}

/* ACP/UCP */
#cp {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; margin: 0 auto 0 auto; padding: 5px; width: 95%;}
#cp #nav, #cp #content {vertical-align: top;}
#cp #nav {padding: 0; width: 150px;}
#cp #nav img {border: 0;}
#cp #nav ul {list-style-type: none; margin: 0; padding: 7px;}
#cp #nav p {background-color: #9cc; color: #000; font-weight: bold; margin: 0; padding: 4px;}
#cp #content {background-color: #fff; color: #000; padding: 2px 4px 6px 10px;}
#cp #nav, #cp #content p, #cp #content ul li, #cp #content ol li, #cp #content table tr th, #cp #content table tr td {font-size: 80%;}
#cp #content table tr td textarea {font-size: 140%;}
#cp h1 {border-bottom: 2px solid #00c; font-size: 140%;}
#cp h2 {font-size: 120%;}
#cp #footer {background-color: #9cc; color: #000; font-size: 80%; padding: 4px;}

/* ACP/UCP Index */
.cpindex {background-color: #000; color: #000; border: 1px solid #000;}
.cpindex .BaseColour {background-color: #d0ecec; color: #000;}
.cpindex td {vertical-align: top;}
.cpindex div.navbox  {background-color: #fff; border: 1px solid #ccc; color: #000; float: left; margin: 8px 4px 4px 12px; padding: 4px; text-align: center; vertical-align: middle; width: 300px;}
.cpindex div.navbox span.hdr {font-size: 120%; font-weight: bold;}
.cpindex div.navbox span.desc {display: block; font-size: 100%; text-align: left;}
.cpindex div.navbox ul {font-size: 120%; text-align: left;}

/* UserCP */
#UserCP-UserProfile h1#heading {font-size: 180%; font-style: normal; letter-spacing: 0.05em;}

/* Tag Map and Search */
#tagmap {padding: 14px; width: 95%;}
#tagmap .item {padding: 8px;}
#search-results .search-item {margin-bottom: 5px; padding: 5px; width: 75%;}
#search-results .search-item .title {display: inline;}
#search-results .search-item .area {display: inline; font-style: italic; margin-left: 5px;}
#search-results .search-item .intro {padding: 4px;}

/* Base navigation bar (main site) */
.Navigator span {font-size: 70%; line-height: 1.5em; padding-left: 10px;}

/* Standard table styles */
table.DefaultTable, table.OptionTable {background-color: #000; border: 1px solid #000; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left;}

table.FixedTable {table-layout: fixed !important;}
table.CentreTable {margin-left: auto !important; margin-right: auto !important;}

table.DefaultTable tr th, table.DefaultTable tr td, table.OptionTable tr th, table.OptionTable tr td {padding: 4px;}

table.DefaultTable th, table.OptionTable th, td.HeadColour {background-color: #fff; color: #000;}
table.DefaultTable th, table.OptionTable th {text-align: center;}

table.NarrowTable {width: 300px !important;}
table.MediumTable {width: 450px !important;}
table.WideTable {width: 650px !important;}
table.PageTable {width: 95% !important;}

col.BaseColour, td.BaseColour {background-color: #eee; color: #000;}
col.InfoColour, td.InfoColour {background-color: #ccc; color: #000;}
col.FootColour, td.FootColour {background-color: #fff; color: #000;}
col.HeadColour, td.HeadColour {background-color: #fff; color: #000;}

col.TinyCell, td.TinyCell {width: 50px !important;}
col.NarrowCell, td.NarrowCell {width: 100px !important;}
col.MediumCell, td.MediumCell {width: 175px !important;}
col.WideCell, td.WideCell {width: 250px !important;}
col.HalfCell, td.HalfCell {width: 50% !important;}
col.SpanCell, td.SpanCell {width: 100% !important;}

col.Left, td.Left {text-align: left !important;}
col.Centre, td.Centre {text-align: center !important;}
col.Right, td.Right {text-align: right !important;}

col.Bold, td.Bold {font-weight: bold !important;}

/* Results table */
table#tblSysResults {table-layout: auto !important; text-align: center;}
#tblSysResults tr.admAreaRow1 td {background-color: #eee; color: #000; font-weight: bold;}
#tblSysResults tr.admAreaRow2 td {background-color: #ddd; color: #000;}
#tblSysResults tr.admAreaRow3 td {background-color: #ccc; color: #000;}
#tblSysResults tr.admAreaRow4 td {background-color: #bbb; color: #000;}

/* Form controls */
input, option {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 95%; font-weight: normal; padding: 2px;}

/* Template editing */
textarea.cssbox {z-index: 1;}
div.csslabel {font-size: 3.5em; position: relative; top: -0.4em; font-style: italic; background-color: transparent; color: #ccc; z-index: 0;}
div.cssdesc {font-family: Verdana; font-size: 0.8em; background-color: transparent; color: #000;}

/* Page number links */
span.pagedesc {font-weight: bold;}
span.pagelink {padding: 4px; border: 1px solid #ccc;}
span.thispage {background-color: #ccc; color: #000;}

/* Special text styles */
div.errortext {background-color: inherit; color: #f00; width: 250px;}
div.scroll {width: 750px; height: 400px; overflow: auto; margin-right: 10px;}

/* Error page */
div#err-page {font-family: Verdana, Arial, Helvetica, sans-serif !important; font-size: 0.8em !important; margin: 0 0 0 0 !important; padding: 4px !important;}
div#err-page h1 {font-size: 180% !important; font-variant: small-caps !important;}
div#err-page p#err-src {border: 1px solid #000 !important; background-color: #9f9 !important; color: #000 !important; font-size: 90% !important; font-style: italic !important; padding: 5px !important; width: 375px !important;}

/* CMS codes */
.cmsQuote {background-color: #9cf; border: 1px solid #000; color: #000; font-size: 80%; padding: 2px; width: 90%;}
code {background-color: #fff; border: 2px dotted #ccc; color: #000; font-size: 120%; padding: 2px;}
.cmsWrapLeft {float: left !important; margin: 8px;}
.cmsWrapRight {float: right !important; margin: 8px;}
.cmsSpacer {clear: both !important; float: none !important;}

/* Query execution time */
#majQueryTimeData {background-color: #ccc; border: 2px solid #000; color: #000; font-family: Verdana, Arial, sans-serif; font-size: 90%; height: 300px; overflow: auto !important; margin: 5px 0 0 0; padding: 0; width: 600px;}
#majQueryTimeData p {background-color: #fff; color: #000; font-weight: bold; margin: 0; padding: 4px; text-align: center;}