/*-----------------------------------------------------------------------------
SUBTEXT Screen Stylesheet

version:	1.2.2.3
date:		August 28, 2008
author:		Ryan J. Salva
email:		ryan at capitolmedia dot com
website:	[your domain]
history:	[location of file]
-----------------------------------------------------------------------------*/


/* Default Font Styles
-----------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: lucida grande, lucida sans, tahoma, verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #000;
	background: #fff;
}

p, ul, ol, blockquote, h1, h2, h3, h4, h5, h6 {
	line-height: 1.5em;
	margin-bottom: 1em; 
}

li {
	margin-bottom: .5em;
}

li ul, li ol {
	margin-top: .5em; /* keeps the line spacing even */
	margin-bottom: .5em;
}

h1, h2, h3, h4, h5 {
	font-weight: bold;
}

h1 {
	font-size: 2.0em;
	margin: 0;
}

h2 {
	font-size: 1.8em;    
	padding-bottom: .25em;
	border-bottom: 1px dashed #999;
}

h3 {
	font-size: 1.6em;
}

h4 {
	font-size: 1.4em;
}

h5 {
	font-size: 1.2em;    
}

h6 {
	font-size: 1.0em;
	font-style: italic;
}

ul, ol, blockquote {
	padding-left: 30px;
}

code {
	color: #006F24;
}

img {
	border: none;
}

a:link {
	color: #0000ff; 
}

a:active {
	color: #ff0000;
}

a:visited {
	color: #0000ff;
}

a:hover {
	color: #ff0000;
}

dl {
	margin: 0 0 1em 0;
}

dt {
	font-weight: bold;
	display: block;
}

dd {
	display: block;
	margin-bottom: .5em;
}


/* Tables
-----------------------------------------------------------------------------*/

table {
	empty-cells: show;
}

table, tr, td, th {
	border: none;
	border-spacing: 0 0;
	font-family: inherit;
	font-size: inherit;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	margin: 0;
	padding: 0;
}

th, thead td {
	font-weight: bold;
	background: #ccc;
	padding: .2em;
}

table.List {
	width: 100%;
	margin-bottom: .7em;
}

table.List tfoot td {
	font-weight: bold;
	color: #fff;
	background: #999;
	padding: .2em 1em;
}

table.List tbody tr td {
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #ccc;
	padding: .2em;
	line-height: 1.8em;
}

table.List tbody tr:hover td {
	background-color: #fbedb5;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}



/* Convenience Classes
-----------------------------------------------------------------------------*/

.Hidden {
	display: none;
	visibility: hidden;
}

.Visible {
	display: block;
	visibility: visible;
}

.Clear {
	clear: both; 
	float: none;
	padding-bottom: 1px; /* for Gecko based browsers */
	margin-bottom: -1px; /* for Gecko based browsers */
}

.Padding {
	padding: 1em;
}

.Active {
	color: #ff0000;
}


/* Forms
-----------------------------------------------------------------------------*/

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

legend { 
	display: none;
}

div.LabelInput {
	clear: both;
	margin-bottom: .5em;
}

input[type='text'], input[type='password'], select, textarea {
	width: 25em;
	font-size: 1em;
	font-family: Lucida Grande, Lucida Sans, Verdana, Arial, Tahoma, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	padding: .3em;
	border: 1px solid #999;
}

input[readonly], select[readonly], textarea[readonly] {
	background: #dedede;
	border: 1px solid #dedede;
}

select {
	width: 25.75em;
}

textarea {
	height: 10em;
}

label {
	line-height: 2em;
	width: 12em;
	float: left;
	display: block;
}

.Radio label, .Checkbox label {
	width: auto;
	display: inline;
	float: none;
}

div.FormControls {
	clear: both;
	margin: 1em -1em -1em -1em;
	padding: 1em;
	background: #ccc;
	border-top: 1px solid #999;
}

div.FullWidth label {
	width: auto;
	float: none;
	display: block;
	text-align: left;
	padding: 0;
}

div.FullWidth input[type='text'], div.FullWidth input[type='password'], div.FullWidth select, div.FullWidth textarea {
	width: 95%;
	font-size: 1em;
	font-family: Verdana, Arial, Tahoma, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
}


/* Validation messages delivered by validate.js
-----------------------------------------------------------------------------*/

.error {
	background: #F3E5A1;
}

div.errorMessage {
	background: #F3E5A1 url(../site/icon_error.gif) no-repeat 10px 6px;
	border: 1px solid #FFCC00;
	margin: 0 0 0 10px;
	padding: 5px 5px 5px 35px;
	display: block;
	line-height: 1.6em;
	position: absolute;
	width: 240px;
}


/* Info, Error & Success Messages
-----------------------------------------------------------------------------*/

.Info, .Error, .Success, .ErrorInline, .Help {
	margin-bottom: 14px;
	padding: 5px 5px 5px 35px;
	display: block;
	line-height: 1.6em;
	position: relative;
}

.Info A, .Error A, .Success A, .ErrorInline A {
	color: #000;
	text-decoration: underline;
}

.Info {
	background: #BFC8F1 url(../admin/information.png) no-repeat 10px 6px;
	border: 1px solid #4574AE;
}

.Error {
	background: #F3E5A1 url(../admin/error.png) no-repeat 10px 6px;
	border: 1px solid #FFCC00;
}

.Success {
	background: #B5E1AE url(../admin/tick.png) no-repeat 10px 6px;
	border: 1px solid #3B9E2B;
}

.Help {
	background: #BFC8F1 url(../admin/information.png) no-repeat 10px 6px;
	border: 1px solid #4574AE;
}


/* Form Tips
-----------------------------------------------------------------------------*/

div.FormTip {
	/* the floating tooltip */
	background: #BFC8F1 url(../admin/information.png) no-repeat 10px 6px;
	border: 1px solid #4574AE;
	margin: 0 0 0 10px;
	padding: 5px 5px 5px 35px;
	display: block;
	line-height: 1.6em;
	position: absolute;
	width: 24em;
}



/* Filters
-----------------------------------------------------------------------------*/

input#Filter {
	/* big filter used on control panel pages */
	display: block;
	margin: 1em auto;
	width: 70%;
	font-size: 2em;
	border: .15em solid #ccc;
	background: #fff url(../admin/filter.gif) no-repeat 5px 50%;
	padding-left: 45px;
}

input.Filter {
	/* tiny filter used for page, menu or image select boxes */
	background: #999 url(../admin/magnifier.png) no-repeat .3em 50%;
	text-indent: 1.8em;
	float: left;
}

input.Filter + select {
	clear: left;
	display: block;
	margin-left: 12em;
}


/* Header
-----------------------------------------------------------------------------*/


div#Header {
	height: 7em;
	padding: 0 0 0 .5em;
	position: relative;
	background: #993302;
	color: #FFFEF2;
}

/* - - - - - - - - - - - Primary Navigation - - - - - - - - - - - */

ul#Primary {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 1.2em;
}

ul#Primary li {
	float: left;
	margin: 0 0 0 .4em;
}

ul#Primary li a {
	display: block;
	padding: 0 .75em;
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	color: #FFFEF2;
	background: #6F2400;
	line-height: 1.8em;
	text-decoration: none;
}

ul#Primary li a:hover {
	background: #000;
}

ul#Primary li a.Active {
	background: #fff;
	color: #000;
}

/* - - - - - - - - - - - System Navigation - - - - - - - - - - - */

ul#System {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 1.2em;
}

ul#System li {
}

ul#System li a {
	display: block;
	width: 100px;
	text-align: center;
	line-height: 1.8em;
	font-size: .9em;
	color: #FFFEF2;
	text-decoration: none;
}

ul#System li a:hover {
}


/* Canvas
-----------------------------------------------------------------------------*/

div#Wrapper {
	position: relative;
}

div#Canvas {
	border: 1em solid #fff;
	background: #dedede;
	z-index: 2;
	font-size: 1.2em;
}

div#PageControls {
	background: #ccc;
	padding: 1em;
}


/* Left Column
-----------------------------------------------------------------------------*/

div.Left {
	margin-left: 20em;
}

div#Left {
	position: absolute;
	top: 0;
	left: .5em;
	width: 20em;
	z-index: 1;
	font-size: 1.2em;
}


/* Right Column
-----------------------------------------------------------------------------*/

div.Right {
	margin-right: 20em;
}

div#Right {
	position: absolute;
	top: 0;
	right: .5em;
	width: 20em;
	z-index: 1;
	font-size: 1.2em;
}

div#Right h3 {
	margin: 1em 0;
	border-top: .1em solid #000;
	border-bottom: .2em solid #000;
	line-height: 1.5em;
	font-size: 1.4em;
}

div#Right h3 a {
	float: right;
	font-size: .7em;
	font-weight: normal;
}

div#Right h3 a:link, div#Right h3 a:visited {
	color: #666;
	text-decoration: none;
}

div#Right h3 a:active, div#Right h3 a:hover {
	color: #000;
}



/* Footer
-----------------------------------------------------------------------------*/

div#Footer {
	border: 1.2em solid #fff;
	font-size: 1.1em;
	color: #a1a1a1;
}

div#Footer a {
	color: #a1a1a1;
}

p#CapitolMedia {
	background: url(../admin/logo_capitolmedia.png) no-repeat 0 0;
	padding: .5em 0 2em 4.5em;
	margin-bottom: 2em;
	line-height: 1.5em;
}

p#Credits {
	display: none;
}


/* JavaScript Tabbed Property Panels
-----------------------------------------------------------------------------*/

span.PanelTab {
	float: left;
	display: block;
	padding: .5em 1em;
	margin: 2em 1em 0 1em;
	font-size: 1.1em;
	color: #999;
	cursor: pointer;
}

span.PanelTab:hover {
	background: #fff;
	color: #000;
}

span.PanelActive {
	background: #ccc;
	color: #000;
}

div.PanelContainer {
	background: #ccc;
	border-top: 2px solid #ccc;
	clear: both;
	margin-bottom: 2em;
}

div.Panel {
	padding: 1em;
	color: #000 !important;
}


/* JavaScript Blinds
-----------------------------------------------------------------------------*/

.Toggler {
	cursor: pointer;
}

.Collapsable {
}

.PropertyPanel {
	overflow: hidden;
	height: 0;
}


/* JavaScript Pop Class
-----------------------------------------------------------------------------*/

div.Pop {
	display: none;
	background: #000;
	color: #ccc;
	padding: 1em;
	width: 20em;
	z-index: 100;
}

div.Pop dt {
	color: #fff;
}


/* JavaScript Modal Dialog Box
-----------------------------------------------------------------------------*/

.ModalPop {
}

.ModalContainer {
	font-size: 1.1em;
	background: #fff;
}


/* Log In
-----------------------------------------------------------------------------*/

body#Login {
	background: #dedede;
	padding-top: 10em;
}

fieldset#Credentials {
	margin: 0 auto;
	width: 26em;
	border: .5em solid #ccc;
	background: #fff;
	padding: 0;
	font-size: 1.2em;
}

fieldset#Credentials div.LabelInput {
	padding: 1em 0 0 0;
}

fieldset#Credentials label {
	text-indent: 1em;
	width: 7em;
}

fieldset#Credentials input {
	width: 15em;
}

fieldset#Credentials div.FormControls {
	margin: 2em 0 0 0;
}


/* Main Control Panel
-----------------------------------------------------------------------------*/

ul#Introduction {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#Introduction li {
	float: left;
	display: block;
	margin: .5em;
	border: .5em solid #ccc;
	background: #fff;
	width: 17em;
}

ul#Introduction li b {
	padding-top: 55px;
	font-size: 1.8em;
	line-height: 1.3em;
	display: block;
	text-align: center;
}

ul#Introduction li a {
	display: block;
	padding: 1em;
	height: 15em;
	text-decoration: none;
	color: #000;
}

ul#Introduction li a:hover b {
	color: #ff0000;
}

li#TemplatesIntro b {
	background: url(../admin/icon_templates.png) no-repeat 50% 0;
}

li#PagesIntro b {
	background: url(../admin/icon_pages.png) no-repeat 50% 0;
}

li#MenusIntro b {
	background: url(../admin/icon_menus.png) no-repeat 50% 0;
}

li#ImagesIntro b {
	background: url(../admin/icon_images.png) no-repeat 50% 0;
}

li#CalendarIntro b {
	background: url(../admin/icon_calendar.png) no-repeat 50% 0;
}


/* Templates Control Panel
-----------------------------------------------------------------------------*/

div.Template {
	margin-bottom: 2em;
	clear: both;
}

div.ContentBlocks {
	margin-left: 210px;
}

div.Template p.Preview {
	float: left;
	margin-right: 20px;
}

div.Template p.View {
	color: #666;
}

div.Template thead {
	display: none;
}

td.RemoveContentBlock {
	width: 5%;
}

th.Name, td.Name {
	text-align: left;
}

th.Type {
	text-align: right;
}

td.Type {
	background-repeat: no-repeat !important;
	background-position: 100% 50% !important;
	text-align: right;
	padding-right: 25px !important;
	color: #666;
}

td.textlink {
	background-image: url(../admin/link.png) !important;
}

td.image {
	background-image: url(../admin/picture.png) !important;
}

td.banner {
	background-image: url(../admin/page_red.png) !important;
}

td.gallery {
	background-image: url(../admin/images.png) !important;
}

td.html {
	background-image: url(../admin/tag.png) !important;
}

td.plaintext {
	background-image: url(../admin/page_white_text.png) !important;
}

td.menu {
	background-image: url(../admin/chart_organisation.png) !important;
}
	
td.calendar {
	background-image: url(../admin/date.png) !important;
}


/* Pages Control Panel
-----------------------------------------------------------------------------*/

table.Pages thead {
	display: none;
}

td.Title {
	font-size: 1.3em;
	font-weight: bold;
}

td.Edit, td.Properties, td.Restore, td.Remove, td.Delete {
	text-align: right;
	width: 9em;
}

td.Edit a, td.Properties a, td.Restore a, td.Remove a, td.Delete a {
	padding-right: 20px;
	color: #666;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

td.Properties a:hover, td.Restore a:hover, td.Remove a:hover, td.Delete a:hover {
	color: #000;
}

td.Remove a {
	background-image: url(../admin/delete.png);
}

td.Restore a {
	background-image: url(../admin/edit-redo.png);
}

td.Delete a {
	background-image: url(../admin/bin.png);
}

td.Properties a {
	background-image: url(../admin/page_white_gear.png);
}

div.PageDetails {
	display: none;
}

span.PageTemplate {
	display: block;
}

span.PageRemoveDate {
	display: block;
}

span.PageComment {
	display: block;
}



/* Register Content Block with Template
-----------------------------------------------------------------------------*/

div#ChildType {
	height: 0;
	overflow: hidden;
}


/* Create Page
-----------------------------------------------------------------------------*/

div#TemplatePreview {
	position: relative;
	width: 180px;
	height: 240px;
	overflow: hidden;
	border: 1px solid #666;
	margin: 0 auto;
	background: url(../admin/bg_templatepreview.gif) 0 0;
}

div#TemplatePreview img {
	position: absolute;
	top: 0;
	right: 0;
}

div#EventDates {
	height: 0;
	overflow: hidden;
}



/* Navigation Control Panel
-----------------------------------------------------------------------------*/

table#Menus thead {
	display: none;
}

table#Menus td.Name {
	text-align: right;
	color: #999;
}

ol.MenuItems {
	margin: 0;
	padding: 0;
	list-style: none;
}

ol.MenuItems li {
	margin: 0;
	padding-left: 20px !important;
	background: url(../admin/link.png) no-repeat 0 50%;
}

ol.MenuItems a {
	color: #999;
}

ol.MenuItems a:hover {
	color: #000;
}


/* Create or Edit Menu
-----------------------------------------------------------------------------*/

table#MenuItems {
	margin-top: 2em;
}

table#MenuItems thead {
	display: none;
}

table#MenuItems td[colspan] {
	padding: 0;
	margin: 0;
	border:none;
	background:none;
}

table#MenuItems div.Collapsable {
	padding: 1em 0;
}

td.Insert, td.MoveUp, td.MoveDown {
	text-align: right;
	width: 10em;
}

td.Insert a, td.MoveUp a, td.MoveDown a {
	color: #666;
	padding-right: 20px;
	text-decoration: none;
	white-space: nowrap;
}

td.Insert a:hover, td.MoveUp a:hover, td.MoveDown a:hover {
	color: #000;
}

td.Insert a {
	background: url(../admin/add.png) no-repeat 100% 50%;
}

td.MoveUp a {
	background: url(../admin/move_up.png) no-repeat 100% 50%;
}

td.MoveDown a {
	background: url(../admin/move_down.png) no-repeat 100% 50%;
}


/* Create or Edit Menu Content
-----------------------------------------------------------------------------*/

div#MenuPreview {
	height: 0;
	overflow: hidden;
}

/* Galleries Control Panel
-----------------------------------------------------------------------------*/

table#Galleries thead {
	display: none;
}

td.UploadImage {
	text-align: right;
	width: 9em;
	white-space: nowrap;
}

td.UploadImage a {
	padding-right: 20px;
	background: url(../admin/picture_add.png) no-repeat 100% 50%;
	color: #666;
	text-decoration: none;
}

td.UploadImage a:hover {
	color: #000;
}


/* Images Control Panel
-----------------------------------------------------------------------------*/

div.Image {
	width: 180px;
	height: 240px;
	overflow: hidden;
	float: left;
	text-align: center;
}

div.Image a {
	text-decoration: none;
}

div.Image a img {
	margin-bottom: 7px;
	border: 3px solid #dedede;
}

div.Image a:hover img {
	border: 3px solid #999;
}

a.Remove, a.Properties {
	padding-left: 20px;
	margin-left: 20px;
	color: #666;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0 50%
}

a.Remove:hover, a.Properties:hover {
	color: #000;
}

a.Remove {
	background-image: url(../admin/delete.png);
}

a.Properties {
	background-image: url(../admin/page_white_gear.png);
}

table#ImageTypes thead {
	display: none;
}

table#ImageTypes tr td {
	background: #fff;
}

table#ImageTypes tr:hover td {
	background: #fbedb5;
}

td.Label {
	font-size: 1.3em;
	font-weight: bold;
}


/* Create and Edit Gallery
-----------------------------------------------------------------------------*/

th.MaxWidth, th.MaxHeight, td.MaxWidth, td.MaxHeight {
	text-align: right;
}


/* Create and Edit Image/Banner Content
-----------------------------------------------------------------------------*/

img#Image {
	display: block;
	margin: 2em auto;
}

td.Available {
	text-align: right;
}

div#ExistingImage, div#UploadImage {
	padding-bottom: 2em;
}

div#ImagePreview {
	height: 165px;
	text-align: center;
}

div#ImagePreview img {
	margin: 0 auto;
}



/* Calender and Events Control Panel
-----------------------------------------------------------------------------*/

table.Calendar {
	width: 100%;
	border: 1em solid #ccc;
}

table.Calendar td {
	padding: .3em;
	width: 14.3%;
	vertical-align: top;
	height: 6em;
	background: none;
	border: 1px solid #ccc;
}

table.Calendar tr:hover td {
	background: none;
	border: 1px solid #ccc;
}

table.Calendar tr td:hover {
	background-color: #fbedb5;
}

th.CurrentMonth {
	font-size: 2em;
}

div#EditEvent {
	padding: 1em;
}

table.Calendar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

span.Time {
	color: #666;
	white-space: nowrap;
}

table#Calendars thead {
	display: none;
}

table#Calendars tr td {
	background: #fff;
}

table#Calendars tr:hover td {
	background: #fbedb5;
}


/* Create and Edit HTML Content
-----------------------------------------------------------------------------*/

div#Mask {
	width: 100%;
	height: 100%;
	background: url(../admin/bg_mask.png);
	position: absolute;
	top: 0;
	left: 0;
}

div#Mask img {
	position: absolute;
	top: 50%;
	left: 50%;
}